diff --git a/docs/content/guides/accessories-and-menus/undo-redo/undo-redo.md b/docs/content/guides/accessories-and-menus/undo-redo/undo-redo.md
index f7a377ea4ee..041fed9ed29 100644
--- a/docs/content/guides/accessories-and-menus/undo-redo/undo-redo.md
+++ b/docs/content/guides/accessories-and-menus/undo-redo/undo-redo.md
@@ -40,7 +40,7 @@ Make some changes to the grid below and the use the **Ctrl**/**C
::: only-for javascript
-::: example #example --js 1 --ts 3
+::: example #example --js 1 --ts 2
@[code](@/content/guides/accessories-and-menus/undo-redo/javascript/example.js)
@[code](@/content/guides/accessories-and-menus/undo-redo/javascript/example.ts)
diff --git a/docs/content/guides/cell-features/autofill-values/autofill-values.md b/docs/content/guides/cell-features/autofill-values/autofill-values.md
index 38bbac362ca..2527bef55de 100644
--- a/docs/content/guides/cell-features/autofill-values/autofill-values.md
+++ b/docs/content/guides/cell-features/autofill-values/autofill-values.md
@@ -32,7 +32,7 @@ Using the tiny square known as the 'fill handle' in the corner of the selected c
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-features/autofill-values/javascript/example1.js)
@[code](@/content/guides/cell-features/autofill-values/javascript/example1.ts)
@@ -57,7 +57,7 @@ In this configuration, the fill handle is restricted to move only vertically. Ne
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/cell-features/autofill-values/javascript/example2.js)
@[code](@/content/guides/cell-features/autofill-values/javascript/example2.ts)
diff --git a/docs/content/guides/cell-features/clipboard/clipboard.md b/docs/content/guides/cell-features/clipboard/clipboard.md
index 35cc6348b5c..f63434dd4a7 100644
--- a/docs/content/guides/cell-features/clipboard/clipboard.md
+++ b/docs/content/guides/cell-features/clipboard/clipboard.md
@@ -55,7 +55,7 @@ You can use them in the same way as the rest of the predefined items in the [con
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-features/clipboard/javascript/example1.js)
@[code](@/content/guides/cell-features/clipboard/javascript/example1.ts)
@@ -151,7 +151,7 @@ Right-click on a cell to try it out:
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/cell-features/clipboard/javascript/example2.js)
@[code](@/content/guides/cell-features/clipboard/javascript/example2.ts)
diff --git a/docs/content/guides/cell-features/comments/comments.md b/docs/content/guides/cell-features/comments/comments.md
index 137a46b8a27..4306951feb5 100644
--- a/docs/content/guides/cell-features/comments/comments.md
+++ b/docs/content/guides/cell-features/comments/comments.md
@@ -92,7 +92,7 @@ In this example, the comment "Hello world!" is added to the cell at `(1,1)`.
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-features/comments/javascript/example1.js)
@[code](@/content/guides/cell-features/comments/javascript/example1.ts)
@@ -117,7 +117,7 @@ By default, all comments are editable. To change this, set the [`readOnly`](@/ap
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/cell-features/comments/javascript/example2.js)
@[code](@/content/guides/cell-features/comments/javascript/example2.ts)
@@ -142,7 +142,7 @@ To set the width and height of a comment box, use the [`style`](@/api/options.md
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/cell-features/comments/javascript/example3.js)
@[code](@/content/guides/cell-features/comments/javascript/example3.ts)
@@ -167,7 +167,7 @@ To display comments after a pre-configured time delay, use the [`displayDelay`](
::: only-for javascript
-::: example #example4 --js 1 --ts 3
+::: example #example4 --js 1 --ts 2
@[code](@/content/guides/cell-features/comments/javascript/example4.js)
@[code](@/content/guides/cell-features/comments/javascript/example4.ts)
diff --git a/docs/content/guides/cell-features/disabled-cells/disabled-cells.md b/docs/content/guides/cell-features/disabled-cells/disabled-cells.md
index 77d9b8b7853..109966cfc0b 100644
--- a/docs/content/guides/cell-features/disabled-cells/disabled-cells.md
+++ b/docs/content/guides/cell-features/disabled-cells/disabled-cells.md
@@ -41,7 +41,7 @@ You can make the entire grid read-only by setting [`readOnly`](@/api/options.md#
::: only-for javascript
-::: example #exampleReadOnlyGrid --js 1 --ts 3
+::: example #exampleReadOnlyGrid --js 1 --ts 2
@[code](@/content/guides/cell-features/disabled-cells/javascript/exampleReadOnlyGrid.js)
@[code](@/content/guides/cell-features/disabled-cells/javascript/exampleReadOnlyGrid.ts)
@@ -68,7 +68,7 @@ To make a column read-only, declare it in the [`columns`](@/api/options.md#colum
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-features/disabled-cells/javascript/example1.js)
@[code](@/content/guides/cell-features/disabled-cells/javascript/example1.ts)
@@ -93,7 +93,7 @@ This example makes cells that contain the word "Nissan" read-only. It forces all
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/cell-features/disabled-cells/javascript/example2.js)
@[code](@/content/guides/cell-features/disabled-cells/javascript/example2.ts)
@@ -122,7 +122,7 @@ To make a column non-editable, declare it in the [`columns`](@/api/options.md#co
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/cell-features/disabled-cells/javascript/example3.js)
@[code](@/content/guides/cell-features/disabled-cells/javascript/example3.ts)
@@ -147,7 +147,7 @@ The following example shows the table with non-editable cells containing the wor
::: only-for javascript
-::: example #example4 --js 1 --ts 3
+::: example #example4 --js 1 --ts 2
@[code](@/content/guides/cell-features/disabled-cells/javascript/example4.js)
@[code](@/content/guides/cell-features/disabled-cells/javascript/example4.ts)
diff --git a/docs/content/guides/cell-features/formatting-cells/formatting-cells.md b/docs/content/guides/cell-features/formatting-cells/formatting-cells.md
index 59387133a7d..8fc38b16e81 100644
--- a/docs/content/guides/cell-features/formatting-cells/formatting-cells.md
+++ b/docs/content/guides/cell-features/formatting-cells/formatting-cells.md
@@ -60,7 +60,7 @@ You can apply inline styles directly to the DOM element using its `style` proper
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/cell-features/formatting-cells/javascript/example2.js)
@[code](@/content/guides/cell-features/formatting-cells/javascript/example2.ts)
@@ -89,7 +89,7 @@ In the names of the API properties, the words `start` and `end` refer to the sta
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/cell-features/formatting-cells/javascript/example3.js)
@[code](@/content/guides/cell-features/formatting-cells/javascript/example3.ts)
diff --git a/docs/content/guides/cell-features/merge-cells/merge-cells.md b/docs/content/guides/cell-features/merge-cells/merge-cells.md
index affc638e792..000629beb65 100644
--- a/docs/content/guides/cell-features/merge-cells/merge-cells.md
+++ b/docs/content/guides/cell-features/merge-cells/merge-cells.md
@@ -46,7 +46,7 @@ To initialize Handsontable with predefined merged cells, provide merged cells de
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-features/merge-cells/javascript/example1.js)
@[code](@/content/guides/cell-features/merge-cells/javascript/example1.ts)
diff --git a/docs/content/guides/cell-features/text-alignment/text-alignment.md b/docs/content/guides/cell-features/text-alignment/text-alignment.md
index f61e3c75222..babb21caeec 100644
--- a/docs/content/guides/cell-features/text-alignment/text-alignment.md
+++ b/docs/content/guides/cell-features/text-alignment/text-alignment.md
@@ -53,7 +53,7 @@ The following code sample configures the grid to use `htCenter` and configures i
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-features/text-alignment/javascript/example1.js)
@[code](@/content/guides/cell-features/text-alignment/javascript/example1.ts)
diff --git a/docs/content/guides/cell-functions/cell-renderer/cell-renderer.md b/docs/content/guides/cell-functions/cell-renderer/cell-renderer.md
index c94a03fd1ed..c2cb004abf8 100644
--- a/docs/content/guides/cell-functions/cell-renderer/cell-renderer.md
+++ b/docs/content/guides/cell-functions/cell-renderer/cell-renderer.md
@@ -296,7 +296,7 @@ This example shows how to use custom cell renderers to display HTML content in a
::: only-for javascript
-::: example #example4 --js 1 --ts 3
+::: example #example4 --js 1 --ts 2
@[code](@/content/guides/cell-functions/cell-renderer/javascript/example4.js)
@[code](@/content/guides/cell-functions/cell-renderer/javascript/example4.ts)
diff --git a/docs/content/guides/cell-types/cell-type/cell-type.md b/docs/content/guides/cell-types/cell-type/cell-type.md
index 6ee44a37f57..900f2712ecb 100644
--- a/docs/content/guides/cell-types/cell-type/cell-type.md
+++ b/docs/content/guides/cell-types/cell-type/cell-type.md
@@ -426,7 +426,7 @@ The example below shows some of the built-in cell types, i.e. combinations of ce
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-types/cell-type/javascript/example1.js)
@[code](@/content/guides/cell-types/cell-type/javascript/example1.ts)
@@ -458,7 +458,7 @@ Please keep in mind that opening a cell with `undefined` and `null` values resul
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/cell-types/cell-type/javascript/example2.js)
@[code](@/content/guides/cell-types/cell-type/javascript/example2.ts)
diff --git a/docs/content/guides/cell-types/checkbox-cell-type/checkbox-cell-type.md b/docs/content/guides/cell-types/checkbox-cell-type/checkbox-cell-type.md
index 5520b333f80..b1ea8bc8a18 100644
--- a/docs/content/guides/cell-types/checkbox-cell-type/checkbox-cell-type.md
+++ b/docs/content/guides/cell-types/checkbox-cell-type/checkbox-cell-type.md
@@ -34,7 +34,7 @@ This is the default usage scenario where column data has a `true` or `false` val
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example1.js)
@[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example1.ts)
@@ -59,7 +59,7 @@ If you want to use values other than `true` and `false`, you have to provide thi
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example2.js)
@[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example2.ts)
@@ -84,7 +84,7 @@ To add a label to the checkbox, use the [`label`](@/api/options.md#label) option
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example3.js)
@[code](@/content/guides/cell-types/checkbox-cell-type/javascript/example3.ts)
diff --git a/docs/content/guides/cell-types/date-cell-type/date-cell-type.md b/docs/content/guides/cell-types/date-cell-type/date-cell-type.md
index 85e3b637a27..54037c51a47 100644
--- a/docs/content/guides/cell-types/date-cell-type/date-cell-type.md
+++ b/docs/content/guides/cell-types/date-cell-type/date-cell-type.md
@@ -100,7 +100,7 @@ Click on one of the ▼ icons to open an interactive date editor.
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-types/date-cell-type/javascript/example1.js)
@[code](@/content/guides/cell-types/date-cell-type/javascript/example1.ts)
diff --git a/docs/content/guides/cell-types/password-cell-type/password-cell-type.md b/docs/content/guides/cell-types/password-cell-type/password-cell-type.md
index 6db1d5c9421..748e25e3ab5 100644
--- a/docs/content/guides/cell-types/password-cell-type/password-cell-type.md
+++ b/docs/content/guides/cell-types/password-cell-type/password-cell-type.md
@@ -24,7 +24,7 @@ The password cell type behaves like a text cell, the only difference being that
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-types/password-cell-type/javascript/example1.js)
@[code](@/content/guides/cell-types/password-cell-type/javascript/example1.ts)
@@ -49,7 +49,7 @@ By default, every hash has a length equal to the length of its corresponding val
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/cell-types/password-cell-type/javascript/example2.js)
@[code](@/content/guides/cell-types/password-cell-type/javascript/example2.ts)
@@ -74,7 +74,7 @@ By default, every hash consists of asterisks `*`. Use the option `hashSymbol` to
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/cell-types/password-cell-type/javascript/example3.js)
@[code](@/content/guides/cell-types/password-cell-type/javascript/example3.ts)
diff --git a/docs/content/guides/cell-types/select-cell-type/select-cell-type.md b/docs/content/guides/cell-types/select-cell-type/select-cell-type.md
index a730ea63ae6..89471249f2c 100644
--- a/docs/content/guides/cell-types/select-cell-type/select-cell-type.md
+++ b/docs/content/guides/cell-types/select-cell-type/select-cell-type.md
@@ -28,7 +28,7 @@ The select editor should be considered an example of how to write editors rather
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-types/select-cell-type/javascript/example1.js)
@[code](@/content/guides/cell-types/select-cell-type/javascript/example1.ts)
diff --git a/docs/content/guides/cell-types/time-cell-type/time-cell-type.md b/docs/content/guides/cell-types/time-cell-type/time-cell-type.md
index 396ea477a34..e21e661bd79 100644
--- a/docs/content/guides/cell-types/time-cell-type/time-cell-type.md
+++ b/docs/content/guides/cell-types/time-cell-type/time-cell-type.md
@@ -39,7 +39,7 @@ By default, the values entered into the time-type column are not validated, so i
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/cell-types/time-cell-type/javascript/example1.js)
@[code](@/content/guides/cell-types/time-cell-type/javascript/example1.ts)
diff --git a/docs/content/guides/columns/column-freezing/column-freezing.md b/docs/content/guides/columns/column-freezing/column-freezing.md
index 5420e301755..af0337604f2 100644
--- a/docs/content/guides/columns/column-freezing/column-freezing.md
+++ b/docs/content/guides/columns/column-freezing/column-freezing.md
@@ -39,7 +39,7 @@ If your [layout direction](@/guides/internationalization/layout-direction/layout
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/columns/column-freezing/javascript/example1.js)
@[code](@/content/guides/columns/column-freezing/javascript/example1.ts)
@@ -66,7 +66,7 @@ Mind that when you unfreeze a frozen column, it doesn't go back to the original
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/columns/column-freezing/javascript/example2.js)
@[code](@/content/guides/columns/column-freezing/javascript/example2.ts)
diff --git a/docs/content/guides/columns/column-groups/column-groups.md b/docs/content/guides/columns/column-groups/column-groups.md
index f230e8dabd1..0f0ab1b2aae 100644
--- a/docs/content/guides/columns/column-groups/column-groups.md
+++ b/docs/content/guides/columns/column-groups/column-groups.md
@@ -62,7 +62,7 @@ nestedHeaders={[
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/columns/column-groups/javascript/example1.js)
@[code](@/content/guides/columns/column-groups/javascript/example1.ts)
@@ -123,7 +123,7 @@ collapsibleColumns={[
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/columns/column-groups/javascript/example2.js)
@[code](@/content/guides/columns/column-groups/javascript/example2.ts)
diff --git a/docs/content/guides/columns/column-header/column-header.md b/docs/content/guides/columns/column-header/column-header.md
index b46229c2c23..4aee2ad5a6f 100644
--- a/docs/content/guides/columns/column-header/column-header.md
+++ b/docs/content/guides/columns/column-header/column-header.md
@@ -30,7 +30,7 @@ Setting the [`colHeaders`](@/api/options.md#colheaders) option to `true` enables
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/columns/column-header/javascript/example1.js)
@[code](@/content/guides/columns/column-header/javascript/example1.ts)
@@ -54,7 +54,7 @@ An array of labels can be used to set the [`colHeaders`](@/api/options.md#colhea
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/columns/column-header/javascript/example2.js)
@[code](@/content/guides/columns/column-header/javascript/example2.ts)
@@ -78,7 +78,7 @@ The [`colHeaders`](@/api/options.md#colheaders) can also be populated using a fu
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/columns/column-header/javascript/example3.js)
@[code](@/content/guides/columns/column-header/javascript/example3.ts)
diff --git a/docs/content/guides/columns/column-hiding/column-hiding.md b/docs/content/guides/columns/column-hiding/column-hiding.md
index bcc14ad15a0..eb5fc428d9c 100644
--- a/docs/content/guides/columns/column-hiding/column-hiding.md
+++ b/docs/content/guides/columns/column-hiding/column-hiding.md
@@ -37,7 +37,7 @@ To enable column hiding, use the [`hiddenColumns`](@/api/options.md#hiddencolumn
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/columns/column-hiding/javascript/example1.js)
@[code](@/content/guides/columns/column-hiding/javascript/example1.ts)
@@ -72,7 +72,7 @@ Now, those columns are hidden by default:
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/columns/column-hiding/javascript/example2.js)
@[code](@/content/guides/columns/column-hiding/javascript/example2.ts)
@@ -109,7 +109,7 @@ If you use both the [`NestedHeaders`](@/api/nestedHeaders.md) plugin and the
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/columns/column-hiding/javascript/example3.js)
@[code](@/content/guides/columns/column-hiding/javascript/example3.ts)
@@ -139,7 +139,7 @@ additional items for hiding and unhiding columns.
::: only-for javascript
-::: example #example4 --js 1 --ts 3
+::: example #example4 --js 1 --ts 2
@[code](@/content/guides/columns/column-hiding/javascript/example4.js)
@[code](@/content/guides/columns/column-hiding/javascript/example4.ts)
@@ -166,7 +166,7 @@ strings to the[ `contextMenu`](@/api/contextMenu.md) parameter:
::: only-for javascript
-::: example #example5 --js 1 --ts 3
+::: example #example5 --js 1 --ts 2
@[code](@/content/guides/columns/column-hiding/javascript/example5.js)
@[code](@/content/guides/columns/column-hiding/javascript/example5.ts)
@@ -194,7 +194,7 @@ object, set the [`copyPasteEnabled`](@/api/hiddenColumns.md) property to `false`
::: only-for javascript
-::: example #example6 --js 1 --ts 3
+::: example #example6 --js 1 --ts 2
@[code](@/content/guides/columns/column-hiding/javascript/example6.js)
@[code](@/content/guides/columns/column-hiding/javascript/example6.ts)
diff --git a/docs/content/guides/columns/column-menu/column-menu.md b/docs/content/guides/columns/column-menu/column-menu.md
index 8a7cef0b6aa..91c273445f7 100644
--- a/docs/content/guides/columns/column-menu/column-menu.md
+++ b/docs/content/guides/columns/column-menu/column-menu.md
@@ -31,7 +31,7 @@ To enable the plugin, set the [`dropdownMenu`](@/api/options.md#dropdownmenu) co
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/columns/column-menu/javascript/example1.js)
@[code](@/content/guides/columns/column-menu/javascript/example1.ts)
@@ -56,7 +56,7 @@ To use the default dropdown contents, set it to `true`, or to customize it by se
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/columns/column-menu/javascript/example2.js)
@[code](@/content/guides/columns/column-menu/javascript/example2.ts)
diff --git a/docs/content/guides/columns/column-moving/column-moving.md b/docs/content/guides/columns/column-moving/column-moving.md
index 0b7e4cd1438..888ad3da26f 100644
--- a/docs/content/guides/columns/column-moving/column-moving.md
+++ b/docs/content/guides/columns/column-moving/column-moving.md
@@ -26,7 +26,7 @@ A draggable move handle appears above the selected column header. You can click
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/columns/column-moving/javascript/example1.js)
@[code](@/content/guides/columns/column-moving/javascript/example1.ts)
@@ -51,7 +51,7 @@ When you move columns, the default column headers (A, B, C) stay in place.
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/columns/column-moving/javascript/example2.js)
@[code](@/content/guides/columns/column-moving/javascript/example2.ts)
@@ -74,7 +74,7 @@ But, if you configure the [`colHeaders`](@/api/options.md#colheaders) option wit
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/columns/column-moving/javascript/example3.js)
@[code](@/content/guides/columns/column-moving/javascript/example3.ts)
diff --git a/docs/content/guides/columns/column-summary/column-summary.md b/docs/content/guides/columns/column-summary/column-summary.md
index cf69b686b4e..c436a0b8d62 100644
--- a/docs/content/guides/columns/column-summary/column-summary.md
+++ b/docs/content/guides/columns/column-summary/column-summary.md
@@ -43,7 +43,7 @@ This example calculates and displays five different column summaries:
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/columns/column-summary/javascript/example1.js)
@[code](@/content/guides/columns/column-summary/javascript/example1.ts)
@@ -364,7 +364,7 @@ To reverse row coordinates for your column summary, set the [`reversedRowCoords`
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/columns/column-summary/javascript/example2.js)
@[code](@/content/guides/columns/column-summary/javascript/example2.ts)
@@ -396,7 +396,7 @@ The example below sets up five different column summaries. To do this, it:
::: only-for javascript
-::: example #example7 --js 1 --ts 3
+::: example #example7 --js 1 --ts 2
@[code](@/content/guides/columns/column-summary/javascript/example7.js)
@[code](@/content/guides/columns/column-summary/javascript/example7.ts)
@@ -419,7 +419,7 @@ Using a function to provide a column summary configuration lets you set up all s
::: only-for javascript
-::: example #example8 --js 1 --ts 3
+::: example #example8 --js 1 --ts 2
@[code](@/content/guides/columns/column-summary/javascript/example8.js)
@[code](@/content/guides/columns/column-summary/javascript/example8.ts)
@@ -517,7 +517,7 @@ This example implements a function that counts the number of even values in a co
::: only-for javascript
-::: example #example9 --js 1 --ts 3
+::: example #example9 --js 1 --ts 2
@[code](@/content/guides/columns/column-summary/javascript/example9.js)
@[code](@/content/guides/columns/column-summary/javascript/example9.ts)
@@ -545,7 +545,7 @@ See the following example:
::: only-for javascript
-::: example #example12 --js 1 --ts 3
+::: example #example12 --js 1 --ts 2
@[code](@/content/guides/columns/column-summary/javascript/example12.js)
@[code](@/content/guides/columns/column-summary/javascript/example12.ts)
@@ -601,7 +601,7 @@ To enable this feature, set the [`forceNumeric`](@/api/columnSummary.md) option
::: only-for javascript
-::: example #example10 --js 1 --ts 3
+::: example #example10 --js 1 --ts 2
@[code](@/content/guides/columns/column-summary/javascript/example10.js)
@[code](@/content/guides/columns/column-summary/javascript/example10.ts)
diff --git a/docs/content/guides/columns/column-virtualization/column-virtualization.md b/docs/content/guides/columns/column-virtualization/column-virtualization.md
index 709bc5b0e31..13a4dad648d 100644
--- a/docs/content/guides/columns/column-virtualization/column-virtualization.md
+++ b/docs/content/guides/columns/column-virtualization/column-virtualization.md
@@ -49,7 +49,7 @@ The demo below presents a data grid displaying one million cells (1000 rows x 10
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/columns/column-virtualization/javascript/example1.js)
@[code](@/content/guides/columns/column-virtualization/javascript/example1.ts)
diff --git a/docs/content/guides/columns/column-width/column-width.md b/docs/content/guides/columns/column-width/column-width.md
index 3cc55736236..f9e3e5bdb55 100644
--- a/docs/content/guides/columns/column-width/column-width.md
+++ b/docs/content/guides/columns/column-width/column-width.md
@@ -39,7 +39,7 @@ In this example we set the same width of `100px` for all columns across the enti
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/columns/column-width/javascript/example1.js)
@[code](@/content/guides/columns/column-width/javascript/example1.ts)
@@ -64,7 +64,7 @@ In this example, the width is only set for the first four columns. Each addition
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/columns/column-width/javascript/example2.js)
@[code](@/content/guides/columns/column-width/javascript/example2.ts)
@@ -89,7 +89,7 @@ In this example, the size of all columns is set using a function by taking a col
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/columns/column-width/javascript/example3.js)
@[code](@/content/guides/columns/column-width/javascript/example3.ts)
@@ -116,7 +116,7 @@ You can adjust the size of one or multiple columns simultaneously, even if the s
::: only-for javascript
-::: example #example4 --js 1 --ts 3
+::: example #example4 --js 1 --ts 2
@[code](@/content/guides/columns/column-width/javascript/example4.js)
@[code](@/content/guides/columns/column-width/javascript/example4.ts)
@@ -151,7 +151,7 @@ This example fits all columns to the container's width equally by setting the op
::: only-for javascript
-::: example #example5 --js 1 --ts 3
+::: example #example5 --js 1 --ts 2
@[code](@/content/guides/columns/column-width/javascript/example5.js)
@[code](@/content/guides/columns/column-width/javascript/example5.ts)
@@ -176,7 +176,7 @@ In this example, the first three columns are set to be 80px wide, and the last c
::: only-for javascript
-::: example #example6 --js 1 --ts 3
+::: example #example6 --js 1 --ts 2
@[code](@/content/guides/columns/column-width/javascript/example6.js)
@[code](@/content/guides/columns/column-width/javascript/example6.ts)
diff --git a/docs/content/guides/getting-started/binding-to-data/binding-to-data.md b/docs/content/guides/getting-started/binding-to-data/binding-to-data.md
index 862d574282d..916b443fa7e 100644
--- a/docs/content/guides/getting-started/binding-to-data/binding-to-data.md
+++ b/docs/content/guides/getting-started/binding-to-data/binding-to-data.md
@@ -30,7 +30,7 @@ Array of arrays is a good choice for the more grid-like scenarios where you need
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/getting-started/binding-to-data/javascript/example1.js)
@[code](@/content/guides/getting-started/binding-to-data/javascript/example1.ts)
@@ -55,7 +55,7 @@ The following example shows how you would use the array of arrays with a selecti
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/getting-started/binding-to-data/javascript/example2.js)
@[code](@/content/guides/getting-started/binding-to-data/javascript/example2.ts)
@@ -80,7 +80,7 @@ An array of objects can be used as a data source as follows:
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/getting-started/binding-to-data/javascript/example3.js)
@[code](@/content/guides/getting-started/binding-to-data/javascript/example3.ts)
@@ -130,7 +130,7 @@ In a scenario where you have nested objects, you can use them as the data source
::: only-for javascript
-::: example #example5 --js 1 --ts 3
+::: example #example5 --js 1 --ts 2
@[code](@/content/guides/getting-started/binding-to-data/javascript/example5.js)
@[code](@/content/guides/getting-started/binding-to-data/javascript/example5.ts)
@@ -157,7 +157,7 @@ In a scenario where you start with an empty data source, you will need to provid
::: only-for javascript
-::: example #example6 --js 1 --ts 3
+::: example #example6 --js 1 --ts 2
@[code](@/content/guides/getting-started/binding-to-data/javascript/example6.js)
@[code](@/content/guides/getting-started/binding-to-data/javascript/example6.ts)
@@ -184,7 +184,7 @@ The example below shows how to use such objects:
::: only-for javascript
-::: example #example7 --js 1 --ts 3
+::: example #example7 --js 1 --ts 2
@[code](@/content/guides/getting-started/binding-to-data/javascript/example7.js)
@[code](@/content/guides/getting-started/binding-to-data/javascript/example7.ts)
@@ -209,7 +209,7 @@ By default, if you don't provide any data, Handsontable renders as an empty 5x5
::: only-for javascript
-::: example #example9 --js 1 --ts 3
+::: example #example9 --js 1 --ts 2
@[code](@/content/guides/getting-started/binding-to-data/javascript/example9.js)
@[code](@/content/guides/getting-started/binding-to-data/javascript/example9.ts)
@@ -251,7 +251,7 @@ the [`setDataAtCell()`](@/api/core.md#setdataatcell) method.
::: only-for javascript
-::: example #example10 --js 1 --ts 3
+::: example #example10 --js 1 --ts 2
@[code](@/content/guides/getting-started/binding-to-data/javascript/example10.js)
@[code](@/content/guides/getting-started/binding-to-data/javascript/example10.ts)
@@ -409,7 +409,7 @@ When working with a copy of data for Handsontable, it is best practice is to clo
::: only-for javascript
-::: example #example11 --js 1 --ts 3
+::: example #example11 --js 1 --ts 2
```js
import Handsontable from 'handsontable';
import 'handsontable/dist/handsontable.full.min.css';
diff --git a/docs/content/guides/getting-started/configuration-options/configuration-options.md b/docs/content/guides/getting-started/configuration-options/configuration-options.md
index a54edce64ae..51917ec64f1 100644
--- a/docs/content/guides/getting-started/configuration-options/configuration-options.md
+++ b/docs/content/guides/getting-started/configuration-options/configuration-options.md
@@ -204,7 +204,7 @@ As a result, each cell in the grid is read-only:
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/getting-started/configuration-options/javascript/example1.js)
@[code](@/content/guides/getting-started/configuration-options/javascript/example1.ts)
@@ -280,7 +280,7 @@ As a result, each cell in the third and ninth columns is read-only:
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/getting-started/configuration-options/javascript/example2.js)
@[code](@/content/guides/getting-started/configuration-options/javascript/example2.ts)
@@ -363,7 +363,7 @@ Options modified through [`cells`](@/api/options.md#cells) overwrite all other o
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/getting-started/configuration-options/javascript/example3.js)
@[code](@/content/guides/getting-started/configuration-options/javascript/example3.ts)
@@ -441,7 +441,7 @@ The modified [`cell`](@/api/options.md#cell) options:
::: only-for javascript
-::: example #example4 --js 1 --ts 3
+::: example #example4 --js 1 --ts 2
@[code](@/content/guides/getting-started/configuration-options/javascript/example4.js)
@[code](@/content/guides/getting-started/configuration-options/javascript/example4.ts)
@@ -657,7 +657,7 @@ In the example below, the modified [`cells`](@/api/options.md#cells) options ove
::: only-for javascript
-::: example #example5 --js 1 --ts 3
+::: example #example5 --js 1 --ts 2
@[code](@/content/guides/getting-started/configuration-options/javascript/example5.js)
@[code](@/content/guides/getting-started/configuration-options/javascript/example5.ts)
@@ -699,7 +699,7 @@ In the example below, some cells are read-only, and some cells are editable:
::: only-for javascript
-::: example #example6 --js 1 --ts 3
+::: example #example6 --js 1 --ts 2
@[code](@/content/guides/getting-started/configuration-options/javascript/example6.js)
@[code](@/content/guides/getting-started/configuration-options/javascript/example6.ts)
diff --git a/docs/content/guides/getting-started/events-and-hooks/events-and-hooks.md b/docs/content/guides/getting-started/events-and-hooks/events-and-hooks.md
index e1e74329102..a376c1884d4 100644
--- a/docs/content/guides/getting-started/events-and-hooks/events-and-hooks.md
+++ b/docs/content/guides/getting-started/events-and-hooks/events-and-hooks.md
@@ -208,7 +208,7 @@ The following demo uses [`beforeKeyDown`](@/api/hooks.md#beforekeydown) callback
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/getting-started/events-and-hooks/javascript/example2.js)
@[code](@/content/guides/getting-started/events-and-hooks/javascript/example2.ts)
diff --git a/docs/content/guides/getting-started/installation/installation.md b/docs/content/guides/getting-started/installation/installation.md
index e774694d65e..0cec148eb0c 100644
--- a/docs/content/guides/getting-started/installation/installation.md
+++ b/docs/content/guides/getting-started/installation/installation.md
@@ -158,7 +158,7 @@ const hot = new Handsontable(container, {
### Preview the result
-::: example #example --js 1 --ts 3
+::: example #example --js 1 --ts 2
@[code](@/content/guides/getting-started/installation/javascript/example.js)
@[code](@/content/guides/getting-started/installation/javascript/example.ts)
diff --git a/docs/content/guides/internationalization/layout-direction/layout-direction.md b/docs/content/guides/internationalization/layout-direction/layout-direction.md
index f7c6fe579a4..51a84aaee59 100644
--- a/docs/content/guides/internationalization/layout-direction/layout-direction.md
+++ b/docs/content/guides/internationalization/layout-direction/layout-direction.md
@@ -138,7 +138,7 @@ and set it to `'rtl'`:
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/internationalization/layout-direction/javascript/example3.js)
@[code](@/content/guides/internationalization/layout-direction/javascript/example3.ts)
@@ -166,7 +166,7 @@ and set it to `'ltr'`:
::: only-for javascript
-::: example #example4 --js 1 --ts 3
+::: example #example4 --js 1 --ts 2
@[code](@/content/guides/internationalization/layout-direction/javascript/example4.js)
@[code](@/content/guides/internationalization/layout-direction/javascript/example4.ts)
@@ -193,7 +193,7 @@ In the example below, some columns are explicitly aligned to the left, center, o
::: only-for javascript
-::: example #example5 --js 1 --ts 3
+::: example #example5 --js 1 --ts 2
@[code](@/content/guides/internationalization/layout-direction/javascript/example5.js)
@[code](@/content/guides/internationalization/layout-direction/javascript/example5.ts)
diff --git a/docs/content/guides/rows/row-freezing/row-freezing.md b/docs/content/guides/rows/row-freezing/row-freezing.md
index 711dcb4ec83..11f37a28cee 100644
--- a/docs/content/guides/rows/row-freezing/row-freezing.md
+++ b/docs/content/guides/rows/row-freezing/row-freezing.md
@@ -34,7 +34,7 @@ The following example specifies two fixed rows with `fixedRowsTop: 2`. Horizonta
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/rows/row-freezing/javascript/example1.js)
@[code](@/content/guides/rows/row-freezing/javascript/example1.ts)
diff --git a/docs/content/guides/rows/row-header/row-header.md b/docs/content/guides/rows/row-header/row-header.md
index 6df6d0b2e67..a4329fef6e2 100644
--- a/docs/content/guides/rows/row-header/row-header.md
+++ b/docs/content/guides/rows/row-header/row-header.md
@@ -42,7 +42,7 @@ To enable the plugin, set the [`bindRowsWithHeaders`](@/api/options.md#bindrowsw
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/rows/row-header/javascript/example1.js)
@[code](@/content/guides/rows/row-header/javascript/example1.ts)
diff --git a/docs/content/guides/rows/row-height/row-height.md b/docs/content/guides/rows/row-height/row-height.md
index 9c8b8f6e403..6048061aef3 100644
--- a/docs/content/guides/rows/row-height/row-height.md
+++ b/docs/content/guides/rows/row-height/row-height.md
@@ -44,7 +44,7 @@ We set the same height of `40px` for all rows across the entire grid in this exa
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/rows/row-height/javascript/example1.js)
@[code](@/content/guides/rows/row-height/javascript/example1.ts)
@@ -69,7 +69,7 @@ In this example, the height is only set for the first rows. Each additional row
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/rows/row-height/javascript/example2.js)
@[code](@/content/guides/rows/row-height/javascript/example2.ts)
@@ -94,7 +94,7 @@ The row height can be set using a function. In this example, the size of all row
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/rows/row-height/javascript/example3.js)
@[code](@/content/guides/rows/row-height/javascript/example3.ts)
@@ -121,7 +121,7 @@ You can adjust the size of one or multiple rows simultaneously, even if the sele
::: only-for javascript
-::: example #example4 --js 1 --ts 3
+::: example #example4 --js 1 --ts 2
@[code](@/content/guides/rows/row-height/javascript/example4.js)
@[code](@/content/guides/rows/row-height/javascript/example4.ts)
diff --git a/docs/content/guides/rows/row-hiding/row-hiding.md b/docs/content/guides/rows/row-hiding/row-hiding.md
index a82187da676..c72155f750b 100644
--- a/docs/content/guides/rows/row-hiding/row-hiding.md
+++ b/docs/content/guides/rows/row-hiding/row-hiding.md
@@ -32,7 +32,7 @@ To enable row hiding, use the [`hiddenRows`](@/api/options.md#hiddenrows) option
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/rows/row-hiding/javascript/example1.js)
@[code](@/content/guides/rows/row-hiding/javascript/example1.ts)
@@ -65,7 +65,7 @@ Now, those rows are hidden by default:
::: only-for javascript
-::: example #example2 --js 1 --ts 3
+::: example #example2 --js 1 --ts 2
@[code](@/content/guides/rows/row-hiding/javascript/example2.js)
@[code](@/content/guides/rows/row-hiding/javascript/example2.ts)
@@ -92,7 +92,7 @@ To enable the UI indicators, in the `hiddenRows` object, set the `indicators` pr
::: only-for javascript
-::: example #example3 --js 1 --ts 3
+::: example #example3 --js 1 --ts 2
@[code](@/content/guides/rows/row-hiding/javascript/example3.js)
@[code](@/content/guides/rows/row-hiding/javascript/example3.ts)
@@ -119,7 +119,7 @@ Enable both the [`ContextMenu`](@/api/contextMenu.md) plugin and the [`HiddenRow
::: only-for javascript
-::: example #example4 --js 1 --ts 3
+::: example #example4 --js 1 --ts 2
@[code](@/content/guides/rows/row-hiding/javascript/example4.js)
@[code](@/content/guides/rows/row-hiding/javascript/example4.ts)
@@ -142,7 +142,7 @@ You can also add the row hiding menu items individually, by adding the [`hidden_
::: only-for javascript
-::: example #example5 --js 1 --ts 3
+::: example #example5 --js 1 --ts 2
@[code](@/content/guides/rows/row-hiding/javascript/example5.js)
@[code](@/content/guides/rows/row-hiding/javascript/example5.ts)
@@ -169,7 +169,7 @@ To exclude hidden rows from copying and pasting, in the `hiddenRows` object, set
::: only-for javascript
-::: example #example6 --js 1 --ts 3
+::: example #example6 --js 1 --ts 2
@[code](@/content/guides/rows/row-hiding/javascript/example6.js)
@[code](@/content/guides/rows/row-hiding/javascript/example6.ts)
diff --git a/docs/content/guides/rows/row-moving/row-moving.md b/docs/content/guides/rows/row-moving/row-moving.md
index 60e98e4ef14..5927fc31419 100644
--- a/docs/content/guides/rows/row-moving/row-moving.md
+++ b/docs/content/guides/rows/row-moving/row-moving.md
@@ -26,7 +26,7 @@ A draggable move handle appears above the selected row header. You can click and
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/rows/row-moving/javascript/example1.js)
@[code](@/content/guides/rows/row-moving/javascript/example1.ts)
diff --git a/docs/content/guides/rows/row-parent-child/row-parent-child.md b/docs/content/guides/rows/row-parent-child/row-parent-child.md
index 64fa2fa5744..54cda850bb4 100644
--- a/docs/content/guides/rows/row-parent-child/row-parent-child.md
+++ b/docs/content/guides/rows/row-parent-child/row-parent-child.md
@@ -66,7 +66,7 @@ Here's an example:
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/rows/row-parent-child/javascript/example1.js)
@[code](@/content/guides/rows/row-parent-child/javascript/example1.ts)
diff --git a/docs/content/guides/rows/row-prepopulating/row-prepopulating.md b/docs/content/guides/rows/row-prepopulating/row-prepopulating.md
index 00059dbfa14..d2cef285d90 100644
--- a/docs/content/guides/rows/row-prepopulating/row-prepopulating.md
+++ b/docs/content/guides/rows/row-prepopulating/row-prepopulating.md
@@ -29,7 +29,7 @@ The example below shows how cell renderers can be used to populate the template
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/rows/row-prepopulating/javascript/example1.js)
@[code](@/content/guides/rows/row-prepopulating/javascript/example1.ts)
diff --git a/docs/content/guides/rows/row-trimming/row-trimming.md b/docs/content/guides/rows/row-trimming/row-trimming.md
index 7ac4e729f00..3ad98c4b1f5 100644
--- a/docs/content/guides/rows/row-trimming/row-trimming.md
+++ b/docs/content/guides/rows/row-trimming/row-trimming.md
@@ -80,7 +80,7 @@ Note that the second, third, and sixth rows are missing in the following example
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/rows/row-trimming/javascript/example1.js)
@[code](@/content/guides/rows/row-trimming/javascript/example1.ts)
diff --git a/docs/content/guides/rows/row-virtualization/row-virtualization.md b/docs/content/guides/rows/row-virtualization/row-virtualization.md
index 9c7af4010a7..895099e8ecb 100644
--- a/docs/content/guides/rows/row-virtualization/row-virtualization.md
+++ b/docs/content/guides/rows/row-virtualization/row-virtualization.md
@@ -45,7 +45,7 @@ The example below presents a data grid displaying 1 million cells (1000 rows x 1
::: only-for javascript
-::: example #example1 --js 1 --ts 3
+::: example #example1 --js 1 --ts 2
@[code](@/content/guides/rows/row-virtualization/javascript/example1.js)
@[code](@/content/guides/rows/row-virtualization/javascript/example1.ts)