diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__angular__example3.ts.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__angular__example3.ts.json
new file mode 100644
index 000000000..17a827f1e
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__angular__example3.ts.json
@@ -0,0 +1 @@
+{"framework":"angular","displayName":"Columns ▸ Column freezing · Freeze columns at the end · Angular","tier":2,"engine":"container","sandpackTemplate":null,"sandpackEnvironment":null,"container":"angular","htWrappers":["@handsontable/angular-wrapper"],"entry":"/src/main.ts","htmlEntry":"/src/index.html","devCommand":"pnpm exec ng serve --host 0.0.0.0 --port 3000","buildCommand":"ng build","outputDir":"dist","outputGlob":"dist/*/browser","staticExport":false,"spaMode":false,"port":3000,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":7,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-angular-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"scripts\": {\n \"ng\": \"ng\",\n \"start\": \"ng serve\",\n \"build\": \"ng build\"\n },\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@handsontable/angular-wrapper\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@angular/animations\": \"22.0.6\",\n \"@angular/common\": \"22.0.6\",\n \"@angular/compiler\": \"22.0.6\",\n \"@angular/core\": \"22.0.6\",\n \"@angular/forms\": \"22.0.6\",\n \"@angular/platform-browser\": \"22.0.6\",\n \"@angular/platform-browser-dynamic\": \"22.0.6\",\n \"@angular/router\": \"22.0.6\",\n \"rxjs\": \"~7.8.2\",\n \"tslib\": \"^2.8.1\",\n \"zone.js\": \"~0.16.2\",\n \"@angular-devkit/build-angular\": \"22.0.6\",\n \"@angular/cli\": \"22.0.6\",\n \"@angular/compiler-cli\": \"22.0.6\",\n \"typescript\": \"~6.0.3\"\n },\n \"devDependencies\": {}\n}","/angular.json":"{\n \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",\n \"version\": 1,\n \"newProjectRoot\": \"projects\",\n \"projects\": {\n \"app\": {\n \"projectType\": \"application\",\n \"root\": \"\",\n \"sourceRoot\": \"src\",\n \"prefix\": \"app\",\n \"architect\": {\n \"build\": {\n \"builder\": \"@angular-devkit/build-angular:application\",\n \"options\": {\n \"outputPath\": \"dist/app\",\n \"index\": \"src/index.html\",\n \"browser\": \"src/main.ts\",\n \"polyfills\": [\n \"zone.js\"\n ],\n \"tsConfig\": \"tsconfig.json\",\n \"assets\": [],\n \"styles\": [],\n \"scripts\": []\n },\n \"configurations\": {\n \"development\": {\n \"optimization\": false,\n \"sourceMap\": true\n }\n },\n \"defaultConfiguration\": \"development\"\n },\n \"serve\": {\n \"builder\": \"@angular-devkit/build-angular:dev-server\",\n \"configurations\": {\n \"development\": {\n \"buildTarget\": \"app:build:development\"\n }\n },\n \"defaultConfiguration\": \"development\"\n }\n }\n }\n }\n}","/tsconfig.json":"{\n \"compilerOptions\": {\n \"outDir\": \"./dist/out-tsc\",\n \"strict\": true,\n \"noImplicitOverride\": true,\n \"noPropertyAccessFromIndexSignature\": true,\n \"noImplicitReturns\": true,\n \"noFallthroughCasesInSwitch\": true,\n \"skipLibCheck\": true,\n \"esModuleInterop\": true,\n \"sourceMap\": true,\n \"declaration\": false,\n \"experimentalDecorators\": true,\n \"moduleResolution\": \"bundler\",\n \"importHelpers\": true,\n \"target\": \"ES2022\",\n \"module\": \"ES2022\",\n \"useDefineForClassFields\": false,\n \"lib\": [\n \"ES2022\",\n \"dom\"\n ]\n },\n \"angularCompilerOptions\": {\n \"enableI18nLegacyMessageIdFormat\": false,\n \"strictInjectionParameters\": true,\n \"strictInputAccessModifiers\": true,\n \"strictTemplates\": true\n }\n}","/src/index.html":"\n\n\n \n Handsontable Angular Example\n \n \n\n\n \n\n","/src/main.ts":"import { bootstrapApplication } from '@angular/platform-browser';\nimport { registerAllModules } from 'handsontable/registry';\nimport { AppComponent } from './app/app.component';\nimport { appConfig } from './app/app.config';\n\nregisterAllModules();\n\nbootstrapApplication(AppComponent, appConfig).catch(err => console.error(err));","/src/app/app.component.ts":"import { Component } from '@angular/core';\nimport { GridSettings, HotTableModule } from '@handsontable/angular-wrapper';\n\nconst months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n// units sold per SKU and month, with the yearly total in the last column\nconst data: (string | number)[][] = Array.from({ length: 100 }, (_, row) => {\n const units = months.map((_, month) => 120 + ((row * 37 + month * 53) % 380));\n\n return [`SKU-${4000 + row}`, ...units, units.reduce((sum, value) => sum + value, 0)];\n});\n\n@Component({\n selector: 'app-example3',\n template: `\n \n `,\n standalone: true,\n imports: [HotTableModule],\n})\nexport class AppComponent {\n readonly hotData = data;\n\n readonly hotSettings: GridSettings = {\n colHeaders: ['SKU', ...months, 'Total'],\n colWidths: 100,\n width: '100%',\n height: 320,\n rowHeaders: true,\n fixedColumnsStart: 1,\n fixedColumnsEnd: 1,\n autoWrapRow: true,\n autoWrapCol: true,\n };\n}","/src/app/app.config.ts":"import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { registerAllModules } from 'handsontable/registry';\nimport { HOT_GLOBAL_CONFIG, HotGlobalConfig, NON_COMMERCIAL_LICENSE } from '@handsontable/angular-wrapper';\n\n// register Handsontable's modules\nregisterAllModules();\n\nexport const appConfig: ApplicationConfig = {\n providers: [\n provideZoneChangeDetection({ eventCoalescing: true }),\n {\n provide: HOT_GLOBAL_CONFIG,\n useValue: { license: NON_COMMERCIAL_LICENSE } as HotGlobalConfig,\n },\n ],\n};"},"docsPath":"guides/columns/column-freezing/angular/example3.ts","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example3","exampleTitle":"Freeze columns at the end","docPermalink":"/column-freezing","lang":"Angular"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__angular__example4.ts.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__angular__example4.ts.json
new file mode 100644
index 000000000..daa82df8e
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__angular__example4.ts.json
@@ -0,0 +1 @@
+{"framework":"angular","displayName":"Columns ▸ Column freezing · Freeze all four edges · Angular","tier":2,"engine":"container","sandpackTemplate":null,"sandpackEnvironment":null,"container":"angular","htWrappers":["@handsontable/angular-wrapper"],"entry":"/src/main.ts","htmlEntry":"/src/index.html","devCommand":"pnpm exec ng serve --host 0.0.0.0 --port 3000","buildCommand":"ng build","outputDir":"dist","outputGlob":"dist/*/browser","staticExport":false,"spaMode":false,"port":3000,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":7,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-angular-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"scripts\": {\n \"ng\": \"ng\",\n \"start\": \"ng serve\",\n \"build\": \"ng build\"\n },\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@handsontable/angular-wrapper\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@angular/animations\": \"22.0.6\",\n \"@angular/common\": \"22.0.6\",\n \"@angular/compiler\": \"22.0.6\",\n \"@angular/core\": \"22.0.6\",\n \"@angular/forms\": \"22.0.6\",\n \"@angular/platform-browser\": \"22.0.6\",\n \"@angular/platform-browser-dynamic\": \"22.0.6\",\n \"@angular/router\": \"22.0.6\",\n \"rxjs\": \"~7.8.2\",\n \"tslib\": \"^2.8.1\",\n \"zone.js\": \"~0.16.2\",\n \"@angular-devkit/build-angular\": \"22.0.6\",\n \"@angular/cli\": \"22.0.6\",\n \"@angular/compiler-cli\": \"22.0.6\",\n \"typescript\": \"~6.0.3\"\n },\n \"devDependencies\": {}\n}","/angular.json":"{\n \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",\n \"version\": 1,\n \"newProjectRoot\": \"projects\",\n \"projects\": {\n \"app\": {\n \"projectType\": \"application\",\n \"root\": \"\",\n \"sourceRoot\": \"src\",\n \"prefix\": \"app\",\n \"architect\": {\n \"build\": {\n \"builder\": \"@angular-devkit/build-angular:application\",\n \"options\": {\n \"outputPath\": \"dist/app\",\n \"index\": \"src/index.html\",\n \"browser\": \"src/main.ts\",\n \"polyfills\": [\n \"zone.js\"\n ],\n \"tsConfig\": \"tsconfig.json\",\n \"assets\": [],\n \"styles\": [],\n \"scripts\": []\n },\n \"configurations\": {\n \"development\": {\n \"optimization\": false,\n \"sourceMap\": true\n }\n },\n \"defaultConfiguration\": \"development\"\n },\n \"serve\": {\n \"builder\": \"@angular-devkit/build-angular:dev-server\",\n \"configurations\": {\n \"development\": {\n \"buildTarget\": \"app:build:development\"\n }\n },\n \"defaultConfiguration\": \"development\"\n }\n }\n }\n }\n}","/tsconfig.json":"{\n \"compilerOptions\": {\n \"outDir\": \"./dist/out-tsc\",\n \"strict\": true,\n \"noImplicitOverride\": true,\n \"noPropertyAccessFromIndexSignature\": true,\n \"noImplicitReturns\": true,\n \"noFallthroughCasesInSwitch\": true,\n \"skipLibCheck\": true,\n \"esModuleInterop\": true,\n \"sourceMap\": true,\n \"declaration\": false,\n \"experimentalDecorators\": true,\n \"moduleResolution\": \"bundler\",\n \"importHelpers\": true,\n \"target\": \"ES2022\",\n \"module\": \"ES2022\",\n \"useDefineForClassFields\": false,\n \"lib\": [\n \"ES2022\",\n \"dom\"\n ]\n },\n \"angularCompilerOptions\": {\n \"enableI18nLegacyMessageIdFormat\": false,\n \"strictInjectionParameters\": true,\n \"strictInputAccessModifiers\": true,\n \"strictTemplates\": true\n }\n}","/src/index.html":"\n\n\n \n Handsontable Angular Example\n \n \n\n\n \n\n","/src/main.ts":"import { bootstrapApplication } from '@angular/platform-browser';\nimport { registerAllModules } from 'handsontable/registry';\nimport { AppComponent } from './app/app.component';\nimport { appConfig } from './app/app.config';\n\nregisterAllModules();\n\nbootstrapApplication(AppComponent, appConfig).catch(err => console.error(err));","/src/app/app.component.ts":"import { Component } from '@angular/core';\nimport { GridSettings, HotTableModule } from '@handsontable/angular-wrapper';\n\nconst months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n// units sold per SKU and month, with the yearly total in the last column\nconst skus: number[][] = Array.from({ length: 60 }, (_, row) =>\n months.map((_, month) => 120 + ((row * 37 + month * 53) % 380))\n);\nconst sum = (values: number[]) => values.reduce((total, value) => total + value, 0);\nconst monthTotals = months.map((_, month) => sum(skus.map((units) => units[month])));\nconst data: (string | number)[][] = [\n ['Target', ...months.map(() => 18000), 216000],\n ...skus.map((units, row) => [`SKU-${4000 + row}`, ...units, sum(units)]),\n ['Total', ...monthTotals, sum(monthTotals)],\n];\n\n@Component({\n selector: 'app-example4',\n template: `\n \n `,\n standalone: true,\n imports: [HotTableModule],\n})\nexport class AppComponent {\n readonly hotData = data;\n\n readonly hotSettings: GridSettings = {\n colHeaders: ['SKU', ...months, 'Total'],\n colWidths: 100,\n width: '100%',\n height: 320,\n rowHeaders: true,\n fixedRowsTop: 1,\n fixedRowsBottom: 1,\n fixedColumnsStart: 1,\n fixedColumnsEnd: 1,\n autoWrapRow: true,\n autoWrapCol: true,\n };\n}","/src/app/app.config.ts":"import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { registerAllModules } from 'handsontable/registry';\nimport { HOT_GLOBAL_CONFIG, HotGlobalConfig, NON_COMMERCIAL_LICENSE } from '@handsontable/angular-wrapper';\n\n// register Handsontable's modules\nregisterAllModules();\n\nexport const appConfig: ApplicationConfig = {\n providers: [\n provideZoneChangeDetection({ eventCoalescing: true }),\n {\n provide: HOT_GLOBAL_CONFIG,\n useValue: { license: NON_COMMERCIAL_LICENSE } as HotGlobalConfig,\n },\n ],\n};"},"docsPath":"guides/columns/column-freezing/angular/example4.ts","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example4","exampleTitle":"Freeze all four edges","docPermalink":"/column-freezing","lang":"Angular"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example3.js.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example3.js.json
new file mode 100644
index 000000000..39ff40ab2
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example3.js.json
@@ -0,0 +1 @@
+{"framework":"javascript","displayName":"Columns ▸ Column freezing · Freeze columns at the end · JavaScript","tier":1,"engine":"sandpack","sandpackTemplate":"vanilla","sandpackEnvironment":"parcel","container":null,"htWrappers":[],"entry":"/src/main.js","htmlEntry":"/index.html","devCommand":null,"buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":null,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":4,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"vite\": \"^5.4.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/index.html":"\n\n\n \n \n Handsontable Example\n \n\n\n \n \n\n","/index.js":"import Handsontable from 'handsontable/base';\nimport { registerAllModules } from 'handsontable/registry';\n\n// Register all Handsontable's modules.\nregisterAllModules();\n\nconst months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n// units sold per SKU and month, with the yearly total in the last column\nconst data = Array.from({ length: 100 }, (_, row) => {\n const units = months.map((_, month) => 120 + ((row * 37 + month * 53) % 380));\n\n return [`SKU-${4000 + row}`, ...units, units.reduce((sum, value) => sum + value, 0)];\n});\n\nconst container = document.querySelector('#example3');\n\nnew Handsontable(container, {\n data,\n colHeaders: ['SKU', ...months, 'Total'],\n colWidths: 100,\n width: '100%',\n height: 320,\n rowHeaders: true,\n fixedColumnsStart: 1,\n fixedColumnsEnd: 1,\n autoWrapRow: true,\n autoWrapCol: true,\n licenseKey: 'non-commercial-and-evaluation',\n});","/src/main.js":"import \"../index.js\";"},"docsPath":"guides/columns/column-freezing/javascript/example3.js","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example3","exampleTitle":"Freeze columns at the end","docPermalink":"/column-freezing","lang":"JavaScript"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example3.ts.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example3.ts.json
new file mode 100644
index 000000000..24ac65a75
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example3.ts.json
@@ -0,0 +1 @@
+{"framework":"typescript","displayName":"Columns ▸ Column freezing · Freeze columns at the end · TypeScript","tier":1,"engine":"sandpack","sandpackTemplate":"vanilla-ts","sandpackEnvironment":"parcel","container":null,"htWrappers":[],"entry":"/src/main.ts","htmlEntry":"/index.html","devCommand":null,"buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":null,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":4,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"vite\": \"^5.4.0\",\n \"typescript\": \"^5.4.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/index.html":"\n\n\n \n \n Handsontable Example\n \n\n\n \n \n\n","/index.ts":"import Handsontable from 'handsontable/base';\nimport { registerAllModules } from 'handsontable/registry';\n\n// Register all Handsontable's modules.\nregisterAllModules();\n\nconst months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n// units sold per SKU and month, with the yearly total in the last column\nconst data: (string | number)[][] = Array.from({ length: 100 }, (_, row) => {\n const units = months.map((_, month) => 120 + ((row * 37 + month * 53) % 380));\n\n return [`SKU-${4000 + row}`, ...units, units.reduce((sum, value) => sum + value, 0)];\n});\n\nconst container = document.querySelector('#example3')!;\n\nnew Handsontable(container, {\n data,\n colHeaders: ['SKU', ...months, 'Total'],\n colWidths: 100,\n width: '100%',\n height: 320,\n rowHeaders: true,\n fixedColumnsStart: 1,\n fixedColumnsEnd: 1,\n autoWrapRow: true,\n autoWrapCol: true,\n licenseKey: 'non-commercial-and-evaluation',\n});","/src/main.ts":"import \"../index.ts\";"},"docsPath":"guides/columns/column-freezing/javascript/example3.ts","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example3","exampleTitle":"Freeze columns at the end","docPermalink":"/column-freezing","lang":"TypeScript"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example4.js.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example4.js.json
new file mode 100644
index 000000000..eb8d9d121
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example4.js.json
@@ -0,0 +1 @@
+{"framework":"javascript","displayName":"Columns ▸ Column freezing · Freeze all four edges · JavaScript","tier":1,"engine":"sandpack","sandpackTemplate":"vanilla","sandpackEnvironment":"parcel","container":null,"htWrappers":[],"entry":"/src/main.js","htmlEntry":"/index.html","devCommand":null,"buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":null,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":4,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"vite\": \"^5.4.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/index.html":"\n\n\n \n \n Handsontable Example\n \n\n\n \n \n\n","/index.js":"import Handsontable from 'handsontable/base';\nimport { registerAllModules } from 'handsontable/registry';\n\n// Register all Handsontable's modules.\nregisterAllModules();\n\nconst months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n// units sold per SKU and month, with the yearly total in the last column\nconst skus = Array.from({ length: 60 }, (_, row) => months.map((_, month) => 120 + ((row * 37 + month * 53) % 380)));\nconst sum = (values) => values.reduce((total, value) => total + value, 0);\nconst monthTotals = months.map((_, month) => sum(skus.map((units) => units[month])));\nconst data = [\n ['Target', ...months.map(() => 18000), 216000],\n ...skus.map((units, row) => [`SKU-${4000 + row}`, ...units, sum(units)]),\n ['Total', ...monthTotals, sum(monthTotals)],\n];\n\nconst container = document.querySelector('#example4');\n\nnew Handsontable(container, {\n data,\n colHeaders: ['SKU', ...months, 'Total'],\n colWidths: 100,\n width: '100%',\n height: 320,\n rowHeaders: true,\n fixedRowsTop: 1,\n fixedRowsBottom: 1,\n fixedColumnsStart: 1,\n fixedColumnsEnd: 1,\n autoWrapRow: true,\n autoWrapCol: true,\n licenseKey: 'non-commercial-and-evaluation',\n});","/src/main.js":"import \"../index.js\";"},"docsPath":"guides/columns/column-freezing/javascript/example4.js","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example4","exampleTitle":"Freeze all four edges","docPermalink":"/column-freezing","lang":"JavaScript"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example4.ts.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example4.ts.json
new file mode 100644
index 000000000..65de1968a
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__javascript__example4.ts.json
@@ -0,0 +1 @@
+{"framework":"typescript","displayName":"Columns ▸ Column freezing · Freeze all four edges · TypeScript","tier":1,"engine":"sandpack","sandpackTemplate":"vanilla-ts","sandpackEnvironment":"parcel","container":null,"htWrappers":[],"entry":"/src/main.ts","htmlEntry":"/index.html","devCommand":null,"buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":null,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":4,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"vite\": \"^5.4.0\",\n \"typescript\": \"^5.4.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/index.html":"\n\n\n \n \n Handsontable Example\n \n\n\n \n \n\n","/index.ts":"import Handsontable from 'handsontable/base';\nimport { registerAllModules } from 'handsontable/registry';\n\n// Register all Handsontable's modules.\nregisterAllModules();\n\nconst months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n// units sold per SKU and month, with the yearly total in the last column\nconst skus: number[][] = Array.from({ length: 60 }, (_, row) =>\n months.map((_, month) => 120 + ((row * 37 + month * 53) % 380))\n);\nconst sum = (values: number[]) => values.reduce((total, value) => total + value, 0);\nconst monthTotals = months.map((_, month) => sum(skus.map((units) => units[month])));\nconst data: (string | number)[][] = [\n ['Target', ...months.map(() => 18000), 216000],\n ...skus.map((units, row) => [`SKU-${4000 + row}`, ...units, sum(units)]),\n ['Total', ...monthTotals, sum(monthTotals)],\n];\n\nconst container = document.querySelector('#example4')!;\n\nnew Handsontable(container, {\n data,\n colHeaders: ['SKU', ...months, 'Total'],\n colWidths: 100,\n width: '100%',\n height: 320,\n rowHeaders: true,\n fixedRowsTop: 1,\n fixedRowsBottom: 1,\n fixedColumnsStart: 1,\n fixedColumnsEnd: 1,\n autoWrapRow: true,\n autoWrapCol: true,\n licenseKey: 'non-commercial-and-evaluation',\n});","/src/main.ts":"import \"../index.ts\";"},"docsPath":"guides/columns/column-freezing/javascript/example4.ts","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example4","exampleTitle":"Freeze all four edges","docPermalink":"/column-freezing","lang":"TypeScript"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__react__example3.tsx.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__react__example3.tsx.json
new file mode 100644
index 000000000..13a0fedcd
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__react__example3.tsx.json
@@ -0,0 +1 @@
+{"framework":"react","displayName":"Columns ▸ Column freezing · Freeze columns at the end · React (TS)","tier":1,"engine":"sandpack","sandpackTemplate":"react-ts","sandpackEnvironment":"parcel","container":null,"htWrappers":["@handsontable/react-wrapper"],"entry":"/src/main.tsx","htmlEntry":"/index.html","devCommand":null,"buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":null,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":5,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-react-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@handsontable/react-wrapper\": \"0.0.0-next-b0dc2e1-20261002\",\n \"react\": \"18.x\",\n \"react-dom\": \"18.x\",\n \"vite\": \"^5.4.0\",\n \"@vitejs/plugin-react\": \"^4.0.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/vite.config.js":"import { defineConfig } from \"vite\";\nimport react from \"@vitejs/plugin-react\";\n\nexport default defineConfig({ plugins: [react()] });","/index.html":"\n\n\n \n \n Handsontable React Example\n \n\n\n \n \n\n","/src/main.tsx":"import React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport App from \"./App\";\nconst root = createRoot(document.getElementById(\"example3\"));\nroot.render(React.createElement(App));","/src/App.tsx":"import { HotTable } from '@handsontable/react-wrapper';\nimport { registerAllModules } from 'handsontable/registry';\n\n// register Handsontable's modules\nregisterAllModules();\n\nconst months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n// units sold per SKU and month, with the yearly total in the last column\nconst data: (string | number)[][] = Array.from({ length: 100 }, (_, row) => {\n const units = months.map((_, month) => 120 + ((row * 37 + month * 53) % 380));\n\n return [`SKU-${4000 + row}`, ...units, units.reduce((sum, value) => sum + value, 0)];\n});\n\nconst ExampleComponent = () => {\n return (\n \n );\n};\n\nexport default ExampleComponent;"},"docsPath":"guides/columns/column-freezing/react/example3.tsx","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example3","exampleTitle":"Freeze columns at the end","docPermalink":"/column-freezing","lang":"React (TS)"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__react__example4.tsx.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__react__example4.tsx.json
new file mode 100644
index 000000000..363d7d7bd
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__react__example4.tsx.json
@@ -0,0 +1 @@
+{"framework":"react","displayName":"Columns ▸ Column freezing · Freeze all four edges · React (TS)","tier":1,"engine":"sandpack","sandpackTemplate":"react-ts","sandpackEnvironment":"parcel","container":null,"htWrappers":["@handsontable/react-wrapper"],"entry":"/src/main.tsx","htmlEntry":"/index.html","devCommand":null,"buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":null,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":5,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-react-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@handsontable/react-wrapper\": \"0.0.0-next-b0dc2e1-20261002\",\n \"react\": \"18.x\",\n \"react-dom\": \"18.x\",\n \"vite\": \"^5.4.0\",\n \"@vitejs/plugin-react\": \"^4.0.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/vite.config.js":"import { defineConfig } from \"vite\";\nimport react from \"@vitejs/plugin-react\";\n\nexport default defineConfig({ plugins: [react()] });","/index.html":"\n\n\n \n \n Handsontable React Example\n \n\n\n \n \n\n","/src/main.tsx":"import React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport App from \"./App\";\nconst root = createRoot(document.getElementById(\"example4\"));\nroot.render(React.createElement(App));","/src/App.tsx":"import { HotTable } from '@handsontable/react-wrapper';\nimport { registerAllModules } from 'handsontable/registry';\n\n// register Handsontable's modules\nregisterAllModules();\n\nconst months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n// units sold per SKU and month, with the yearly total in the last column\nconst skus: number[][] = Array.from({ length: 60 }, (_, row) =>\n months.map((_, month) => 120 + ((row * 37 + month * 53) % 380))\n);\nconst sum = (values: number[]) => values.reduce((total, value) => total + value, 0);\nconst monthTotals = months.map((_, month) => sum(skus.map((units) => units[month])));\nconst data: (string | number)[][] = [\n ['Target', ...months.map(() => 18000), 216000],\n ...skus.map((units, row) => [`SKU-${4000 + row}`, ...units, sum(units)]),\n ['Total', ...monthTotals, sum(monthTotals)],\n];\n\nconst ExampleComponent = () => {\n return (\n \n );\n};\n\nexport default ExampleComponent;"},"docsPath":"guides/columns/column-freezing/react/example4.tsx","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example4","exampleTitle":"Freeze all four edges","docPermalink":"/column-freezing","lang":"React (TS)"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__vue__example3.vue.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__vue__example3.vue.json
new file mode 100644
index 000000000..2d9ba793b
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__vue__example3.vue.json
@@ -0,0 +1 @@
+{"framework":"vue","displayName":"Columns ▸ Column freezing · Freeze columns at the end · Vue 3","tier":2,"engine":"container","sandpackTemplate":null,"sandpackEnvironment":null,"container":"vue","htWrappers":["@handsontable/vue3"],"entry":"/src/main.ts","htmlEntry":"/index.html","devCommand":"pnpm exec vite --host 0.0.0.0 --port 5173","buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":5173,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":5,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-vue-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@handsontable/vue3\": \"0.0.0-next-b0dc2e1-20261002\",\n \"vue\": \"3.x\",\n \"vite\": \"^5.4.0\",\n \"@vitejs/plugin-vue\": \"^5.0.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/vite.config.js":"import { defineConfig } from \"vite\";\nimport vue from \"@vitejs/plugin-vue\";\n\nexport default defineConfig({ plugins: [vue()], server: { allowedHosts: true } });","/index.html":"\n\n\n \n \n Handsontable Vue Example\n\n\n \n \n\n","/src/main.ts":"import { createApp } from \"vue\";\nimport App from \"./App.vue\";\ncreateApp(App).mount(\"#example3\");","/src/App.vue":"\n\n\n \n \n
\n"},"docsPath":"guides/columns/column-freezing/vue/example3.vue","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example3","exampleTitle":"Freeze columns at the end","docPermalink":"/column-freezing","lang":"Vue 3"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__vue__example4.vue.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__vue__example4.vue.json
new file mode 100644
index 000000000..e41b36480
--- /dev/null
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-freezing__vue__example4.vue.json
@@ -0,0 +1 @@
+{"framework":"vue","displayName":"Columns ▸ Column freezing · Freeze all four edges · Vue 3","tier":2,"engine":"container","sandpackTemplate":null,"sandpackEnvironment":null,"container":"vue","htWrappers":["@handsontable/vue3"],"entry":"/src/main.ts","htmlEntry":"/index.html","devCommand":"pnpm exec vite --host 0.0.0.0 --port 5173","buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":5173,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":5,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-vue-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@handsontable/vue3\": \"0.0.0-next-b0dc2e1-20261002\",\n \"vue\": \"3.x\",\n \"vite\": \"^5.4.0\",\n \"@vitejs/plugin-vue\": \"^5.0.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/vite.config.js":"import { defineConfig } from \"vite\";\nimport vue from \"@vitejs/plugin-vue\";\n\nexport default defineConfig({ plugins: [vue()], server: { allowedHosts: true } });","/index.html":"\n\n\n \n \n Handsontable Vue Example\n\n\n \n \n\n","/src/main.ts":"import { createApp } from \"vue\";\nimport App from \"./App.vue\";\ncreateApp(App).mount(\"#example4\");","/src/App.vue":"\n\n\n \n \n
\n"},"docsPath":"guides/columns/column-freezing/vue/example4.vue","breadcrumb":["Columns","Column freezing"],"guide":"guides/columns/column-freezing/column-freezing.md","guideTitle":"Column freezing","exampleId":"example4","exampleTitle":"Freeze all four edges","docPermalink":"/column-freezing","lang":"Vue 3"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-width__angular__example4.ts.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-width__angular__example4.ts.json
index 6bdd322c6..3d2b5532d 100644
--- a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-width__angular__example4.ts.json
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-width__angular__example4.ts.json
@@ -1 +1 @@
-{"framework":"angular","displayName":"Columns ▸ Column widths · Adjust the column width manually · Angular","tier":2,"engine":"container","sandpackTemplate":null,"sandpackEnvironment":null,"container":"angular","htWrappers":["@handsontable/angular-wrapper"],"entry":"/src/main.ts","htmlEntry":"/src/index.html","devCommand":"pnpm exec ng serve --host 0.0.0.0 --port 3000","buildCommand":"ng build","outputDir":"dist","outputGlob":"dist/*/browser","staticExport":false,"spaMode":false,"port":3000,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":7,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-angular-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"scripts\": {\n \"ng\": \"ng\",\n \"start\": \"ng serve\",\n \"build\": \"ng build\"\n },\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@handsontable/angular-wrapper\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@angular/animations\": \"22.0.6\",\n \"@angular/common\": \"22.0.6\",\n \"@angular/compiler\": \"22.0.6\",\n \"@angular/core\": \"22.0.6\",\n \"@angular/forms\": \"22.0.6\",\n \"@angular/platform-browser\": \"22.0.6\",\n \"@angular/platform-browser-dynamic\": \"22.0.6\",\n \"@angular/router\": \"22.0.6\",\n \"rxjs\": \"~7.8.2\",\n \"tslib\": \"^2.8.1\",\n \"zone.js\": \"~0.16.2\",\n \"@angular-devkit/build-angular\": \"22.0.6\",\n \"@angular/cli\": \"22.0.6\",\n \"@angular/compiler-cli\": \"22.0.6\",\n \"typescript\": \"~6.0.3\"\n },\n \"devDependencies\": {}\n}","/angular.json":"{\n \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",\n \"version\": 1,\n \"newProjectRoot\": \"projects\",\n \"projects\": {\n \"app\": {\n \"projectType\": \"application\",\n \"root\": \"\",\n \"sourceRoot\": \"src\",\n \"prefix\": \"app\",\n \"architect\": {\n \"build\": {\n \"builder\": \"@angular-devkit/build-angular:application\",\n \"options\": {\n \"outputPath\": \"dist/app\",\n \"index\": \"src/index.html\",\n \"browser\": \"src/main.ts\",\n \"polyfills\": [\n \"zone.js\"\n ],\n \"tsConfig\": \"tsconfig.json\",\n \"assets\": [],\n \"styles\": [],\n \"scripts\": []\n },\n \"configurations\": {\n \"development\": {\n \"optimization\": false,\n \"sourceMap\": true\n }\n },\n \"defaultConfiguration\": \"development\"\n },\n \"serve\": {\n \"builder\": \"@angular-devkit/build-angular:dev-server\",\n \"configurations\": {\n \"development\": {\n \"buildTarget\": \"app:build:development\"\n }\n },\n \"defaultConfiguration\": \"development\"\n }\n }\n }\n }\n}","/tsconfig.json":"{\n \"compilerOptions\": {\n \"outDir\": \"./dist/out-tsc\",\n \"strict\": true,\n \"noImplicitOverride\": true,\n \"noPropertyAccessFromIndexSignature\": true,\n \"noImplicitReturns\": true,\n \"noFallthroughCasesInSwitch\": true,\n \"skipLibCheck\": true,\n \"esModuleInterop\": true,\n \"sourceMap\": true,\n \"declaration\": false,\n \"experimentalDecorators\": true,\n \"moduleResolution\": \"bundler\",\n \"importHelpers\": true,\n \"target\": \"ES2022\",\n \"module\": \"ES2022\",\n \"useDefineForClassFields\": false,\n \"lib\": [\n \"ES2022\",\n \"dom\"\n ]\n },\n \"angularCompilerOptions\": {\n \"enableI18nLegacyMessageIdFormat\": false,\n \"strictInjectionParameters\": true,\n \"strictInputAccessModifiers\": true,\n \"strictTemplates\": true\n }\n}","/src/index.html":"\n\n\n \n Handsontable Angular Example\n \n \n\n\n \n\n","/src/main.ts":"import { bootstrapApplication } from '@angular/platform-browser';\nimport { registerAllModules } from 'handsontable/registry';\nimport { AppComponent } from './app/app.component';\nimport { appConfig } from './app/app.config';\n\nregisterAllModules();\n\nbootstrapApplication(AppComponent, appConfig).catch(err => console.error(err));","/src/app/app.component.ts":"import { Component } from '@angular/core';\nimport { GridSettings, HotTableModule} from '@handsontable/angular-wrapper';\n\n@Component({\n selector: 'app-example4',\n template: `\n \n \n `,\n standalone: true,\n imports: [HotTableModule],\n})\nexport class AppComponent {\n\n readonly hotData = [\n ['Hydrogen', 'H', 1, -434.4, 'Gas'],\n ['Helium', 'He', 2, -458.0, 'Gas'],\n ['Lithium', 'Li', 3, 356.9, 'Solid'],\n ['Beryllium', 'Be', 4, 2348.6, 'Solid'],\n ['Boron', 'B', 5, 3768.8, 'Solid'],\n ];\n\n readonly hotSettings: GridSettings = {\n width: '100%',\n height: 'auto',\n colHeaders: ['Name', 'Symbol', 'Atomic Number', 'Melting Point (°F)', 'State'],\n rowHeaders: true,\n colWidths: [200, 100, 100, 150, 100],\n manualColumnResize: true,\n autoWrapRow: true,\n autoWrapCol: true,\n };\n}","/src/app/app.config.ts":"import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { registerAllModules } from 'handsontable/registry';\nimport { HOT_GLOBAL_CONFIG, HotGlobalConfig, NON_COMMERCIAL_LICENSE } from '@handsontable/angular-wrapper';\n\n// register Handsontable's modules\nregisterAllModules();\n\nexport const appConfig: ApplicationConfig = {\n providers: [\n provideZoneChangeDetection({ eventCoalescing: true }),\n {\n provide: HOT_GLOBAL_CONFIG,\n useValue: { license: NON_COMMERCIAL_LICENSE } as HotGlobalConfig,\n },\n ],\n};"},"docsPath":"guides/columns/column-width/angular/example4.ts","breadcrumb":["Columns","Column widths"],"guide":"guides/columns/column-width/column-width.md","guideTitle":"Column widths","exampleId":"example4","exampleTitle":"Adjust the column width manually","docPermalink":"/column-width","lang":"Angular"}
+{"framework":"angular","displayName":"Columns ▸ Column widths · Minimum column width · Angular","tier":2,"engine":"container","sandpackTemplate":null,"sandpackEnvironment":null,"container":"angular","htWrappers":["@handsontable/angular-wrapper"],"entry":"/src/main.ts","htmlEntry":"/src/index.html","devCommand":"pnpm exec ng serve --host 0.0.0.0 --port 3000","buildCommand":"ng build","outputDir":"dist","outputGlob":"dist/*/browser","staticExport":false,"spaMode":false,"port":3000,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":7,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-angular-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"scripts\": {\n \"ng\": \"ng\",\n \"start\": \"ng serve\",\n \"build\": \"ng build\"\n },\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@handsontable/angular-wrapper\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@angular/animations\": \"22.0.6\",\n \"@angular/common\": \"22.0.6\",\n \"@angular/compiler\": \"22.0.6\",\n \"@angular/core\": \"22.0.6\",\n \"@angular/forms\": \"22.0.6\",\n \"@angular/platform-browser\": \"22.0.6\",\n \"@angular/platform-browser-dynamic\": \"22.0.6\",\n \"@angular/router\": \"22.0.6\",\n \"rxjs\": \"~7.8.2\",\n \"tslib\": \"^2.8.1\",\n \"zone.js\": \"~0.16.2\",\n \"@angular-devkit/build-angular\": \"22.0.6\",\n \"@angular/cli\": \"22.0.6\",\n \"@angular/compiler-cli\": \"22.0.6\",\n \"typescript\": \"~6.0.3\"\n },\n \"devDependencies\": {}\n}","/angular.json":"{\n \"$schema\": \"./node_modules/@angular/cli/lib/config/schema.json\",\n \"version\": 1,\n \"newProjectRoot\": \"projects\",\n \"projects\": {\n \"app\": {\n \"projectType\": \"application\",\n \"root\": \"\",\n \"sourceRoot\": \"src\",\n \"prefix\": \"app\",\n \"architect\": {\n \"build\": {\n \"builder\": \"@angular-devkit/build-angular:application\",\n \"options\": {\n \"outputPath\": \"dist/app\",\n \"index\": \"src/index.html\",\n \"browser\": \"src/main.ts\",\n \"polyfills\": [\n \"zone.js\"\n ],\n \"tsConfig\": \"tsconfig.json\",\n \"assets\": [],\n \"styles\": [],\n \"scripts\": []\n },\n \"configurations\": {\n \"development\": {\n \"optimization\": false,\n \"sourceMap\": true\n }\n },\n \"defaultConfiguration\": \"development\"\n },\n \"serve\": {\n \"builder\": \"@angular-devkit/build-angular:dev-server\",\n \"configurations\": {\n \"development\": {\n \"buildTarget\": \"app:build:development\"\n }\n },\n \"defaultConfiguration\": \"development\"\n }\n }\n }\n }\n}","/tsconfig.json":"{\n \"compilerOptions\": {\n \"outDir\": \"./dist/out-tsc\",\n \"strict\": true,\n \"noImplicitOverride\": true,\n \"noPropertyAccessFromIndexSignature\": true,\n \"noImplicitReturns\": true,\n \"noFallthroughCasesInSwitch\": true,\n \"skipLibCheck\": true,\n \"esModuleInterop\": true,\n \"sourceMap\": true,\n \"declaration\": false,\n \"experimentalDecorators\": true,\n \"moduleResolution\": \"bundler\",\n \"importHelpers\": true,\n \"target\": \"ES2022\",\n \"module\": \"ES2022\",\n \"useDefineForClassFields\": false,\n \"lib\": [\n \"ES2022\",\n \"dom\"\n ]\n },\n \"angularCompilerOptions\": {\n \"enableI18nLegacyMessageIdFormat\": false,\n \"strictInjectionParameters\": true,\n \"strictInputAccessModifiers\": true,\n \"strictTemplates\": true\n }\n}","/src/index.html":"\n\n\n \n Handsontable Angular Example\n \n \n\n\n \n\n","/src/main.ts":"import { bootstrapApplication } from '@angular/platform-browser';\nimport { registerAllModules } from 'handsontable/registry';\nimport { AppComponent } from './app/app.component';\nimport { appConfig } from './app/app.config';\n\nregisterAllModules();\n\nbootstrapApplication(AppComponent, appConfig).catch(err => console.error(err));","/src/app/app.component.ts":"import { Component } from '@angular/core';\nimport { GridSettings, HotTableModule} from '@handsontable/angular-wrapper';\n\n@Component({\n selector: 'app-example4',\n template: `\n \n \n `,\n standalone: true,\n imports: [HotTableModule],\n})\nexport class AppComponent {\n\n readonly hotData = [\n ['Hydrogen', 'H', 1, -434.4, 'Gas'],\n ['Helium', 'He', 2, -458.0, 'Gas'],\n ['Lithium', 'Li', 3, 356.9, 'Solid'],\n ['Beryllium', 'Be', 4, 2348.6, 'Solid'],\n ['Boron', 'B', 5, 3768.8, 'Solid'],\n ];\n\n readonly hotSettings: GridSettings = {\n width: '100%',\n height: 'auto',\n colHeaders: ['Name', 'Symbol', 'Atomic Number', 'Melting Point (°F)', 'State'],\n rowHeaders: true,\n colWidths: [200, 100, 100, 150, 100],\n manualColumnResize: true,\n autoWrapRow: true,\n autoWrapCol: true,\n };\n}","/src/app/app.config.ts":"import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { registerAllModules } from 'handsontable/registry';\nimport { HOT_GLOBAL_CONFIG, HotGlobalConfig, NON_COMMERCIAL_LICENSE } from '@handsontable/angular-wrapper';\n\n// register Handsontable's modules\nregisterAllModules();\n\nexport const appConfig: ApplicationConfig = {\n providers: [\n provideZoneChangeDetection({ eventCoalescing: true }),\n {\n provide: HOT_GLOBAL_CONFIG,\n useValue: { license: NON_COMMERCIAL_LICENSE } as HotGlobalConfig,\n },\n ],\n};"},"docsPath":"guides/columns/column-width/angular/example4.ts","breadcrumb":["Columns","Column widths"],"guide":"guides/columns/column-width/column-width.md","guideTitle":"Column widths","exampleId":"example4","exampleTitle":"Minimum column width","docPermalink":"/column-width","lang":"Angular"}
diff --git a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-width__javascript__example4.js.json b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-width__javascript__example4.js.json
index 097e52683..c99b9ae84 100644
--- a/runner/apps/authoring/public/docs-examples/next/guides__columns__column-width__javascript__example4.js.json
+++ b/runner/apps/authoring/public/docs-examples/next/guides__columns__column-width__javascript__example4.js.json
@@ -1 +1 @@
-{"framework":"javascript","displayName":"Columns ▸ Column widths · Adjust the column width manually · JavaScript","tier":1,"engine":"sandpack","sandpackTemplate":"vanilla","sandpackEnvironment":"parcel","container":null,"htWrappers":[],"entry":"/src/main.js","htmlEntry":"/index.html","devCommand":null,"buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":null,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":4,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"vite\": \"^5.4.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/index.html":"\n\n\n \n \n Handsontable Example\n \n\n\n \n \n \n
\n \n
\n
\n
\n \n
\n
\n
\n \n
\n
\n
\n \n
\n
\n \n
\n"},"docsPath":"guides/columns/column-width/vue/example4.vue","breadcrumb":["Columns","Column widths"],"guide":"guides/columns/column-width/column-width.md","guideTitle":"Column widths","exampleId":"example4","exampleTitle":"Adjust the column width manually","docPermalink":"/column-width","lang":"Vue 3"}
+{"framework":"vue","displayName":"Columns ▸ Column widths · Minimum column width · Vue 3","tier":2,"engine":"container","sandpackTemplate":null,"sandpackEnvironment":null,"container":"vue","htWrappers":["@handsontable/vue3"],"entry":"/src/main.ts","htmlEntry":"/index.html","devCommand":"pnpm exec vite --host 0.0.0.0 --port 5173","buildCommand":"vite build","outputDir":"dist","outputGlob":null,"staticExport":false,"spaMode":false,"port":5173,"installCommand":"pnpm install","htCoreRange":"0.0.0-next-b0dc2e1-20261002","fileCount":5,"assets":[],"skipped":[],"files":{"/package.json":"{\n \"name\": \"handsontable-vue-example\",\n \"version\": \"1.0.0\",\n \"private\": true,\n \"packageManager\": \"pnpm@10.34.5\",\n \"dependencies\": {\n \"handsontable\": \"0.0.0-next-b0dc2e1-20261002\",\n \"@handsontable/vue3\": \"0.0.0-next-b0dc2e1-20261002\",\n \"vue\": \"3.x\",\n \"vite\": \"^5.4.0\",\n \"@vitejs/plugin-vue\": \"^5.0.0\"\n },\n \"scripts\": {\n \"start\": \"vite\",\n \"build\": \"vite build\"\n }\n}","/vite.config.js":"import { defineConfig } from \"vite\";\nimport vue from \"@vitejs/plugin-vue\";\n\nexport default defineConfig({ plugins: [vue()], server: { allowedHosts: true } });","/index.html":"\n\n\n \n \n Handsontable Vue Example\n\n\n \n \n\n","/src/main.ts":"import { createApp } from \"vue\";\nimport App from \"./App.vue\";\ncreateApp(App).mount(\"#example4\");","/src/App.vue":"\n\n\n \n \n
\n"},"docsPath":"guides/columns/column-width/vue/example4.vue","breadcrumb":["Columns","Column widths"],"guide":"guides/columns/column-width/column-width.md","guideTitle":"Column widths","exampleId":"example4","exampleTitle":"Minimum column width","docPermalink":"/column-width","lang":"Vue 3"}
diff --git a/runner/apps/authoring/public/docs-examples/next/manifest.json b/runner/apps/authoring/public/docs-examples/next/manifest.json
index 041579a86..3b94f50e2 100644
--- a/runner/apps/authoring/public/docs-examples/next/manifest.json
+++ b/runner/apps/authoring/public/docs-examples/next/manifest.json
@@ -3,7 +3,7 @@
"docsBranch": "develop",
"generatedFrom": "handsontable/docs content/guides/** + content/recipes/**",
"hotVersion": "0.0.0-next-b0dc2e1-20261002",
- "count": 1557,
+ "count": 1567,
"examples": [
{
"bucket": "next",
@@ -10843,6 +10843,166 @@
"framework": "vue",
"displayName": "Vue 3"
},
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/angular/example3.ts",
+ "file": "guides__columns__column-freezing__angular__example3.ts.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example3",
+ "exampleTitle": "Freeze columns at the end",
+ "docPermalink": "/column-freezing",
+ "framework": "angular",
+ "displayName": "Angular"
+ },
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/javascript/example3.js",
+ "file": "guides__columns__column-freezing__javascript__example3.js.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example3",
+ "exampleTitle": "Freeze columns at the end",
+ "docPermalink": "/column-freezing",
+ "framework": "javascript",
+ "displayName": "JavaScript"
+ },
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/react/example3.tsx",
+ "file": "guides__columns__column-freezing__react__example3.tsx.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example3",
+ "exampleTitle": "Freeze columns at the end",
+ "docPermalink": "/column-freezing",
+ "framework": "react",
+ "displayName": "React (TS)"
+ },
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/javascript/example3.ts",
+ "file": "guides__columns__column-freezing__javascript__example3.ts.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example3",
+ "exampleTitle": "Freeze columns at the end",
+ "docPermalink": "/column-freezing",
+ "framework": "typescript",
+ "displayName": "TypeScript"
+ },
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/vue/example3.vue",
+ "file": "guides__columns__column-freezing__vue__example3.vue.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example3",
+ "exampleTitle": "Freeze columns at the end",
+ "docPermalink": "/column-freezing",
+ "framework": "vue",
+ "displayName": "Vue 3"
+ },
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/angular/example4.ts",
+ "file": "guides__columns__column-freezing__angular__example4.ts.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example4",
+ "exampleTitle": "Freeze all four edges",
+ "docPermalink": "/column-freezing",
+ "framework": "angular",
+ "displayName": "Angular"
+ },
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/javascript/example4.js",
+ "file": "guides__columns__column-freezing__javascript__example4.js.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example4",
+ "exampleTitle": "Freeze all four edges",
+ "docPermalink": "/column-freezing",
+ "framework": "javascript",
+ "displayName": "JavaScript"
+ },
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/react/example4.tsx",
+ "file": "guides__columns__column-freezing__react__example4.tsx.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example4",
+ "exampleTitle": "Freeze all four edges",
+ "docPermalink": "/column-freezing",
+ "framework": "react",
+ "displayName": "React (TS)"
+ },
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/javascript/example4.ts",
+ "file": "guides__columns__column-freezing__javascript__example4.ts.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example4",
+ "exampleTitle": "Freeze all four edges",
+ "docPermalink": "/column-freezing",
+ "framework": "typescript",
+ "displayName": "TypeScript"
+ },
+ {
+ "bucket": "next",
+ "docsPath": "guides/columns/column-freezing/vue/example4.vue",
+ "file": "guides__columns__column-freezing__vue__example4.vue.json",
+ "breadcrumb": [
+ "Columns",
+ "Column freezing"
+ ],
+ "guide": "guides/columns/column-freezing/column-freezing.md",
+ "guideTitle": "Column freezing",
+ "exampleId": "example4",
+ "exampleTitle": "Freeze all four edges",
+ "docPermalink": "/column-freezing",
+ "framework": "vue",
+ "displayName": "Vue 3"
+ },
{
"bucket": "next",
"docsPath": "guides/columns/column-groups/angular/example1.ts",
@@ -13494,7 +13654,7 @@
"guide": "guides/columns/column-width/column-width.md",
"guideTitle": "Column widths",
"exampleId": "example4",
- "exampleTitle": "Adjust the column width manually",
+ "exampleTitle": "Minimum column width",
"docPermalink": "/column-width",
"framework": "angular",
"displayName": "Angular"
@@ -13510,7 +13670,7 @@
"guide": "guides/columns/column-width/column-width.md",
"guideTitle": "Column widths",
"exampleId": "example4",
- "exampleTitle": "Adjust the column width manually",
+ "exampleTitle": "Minimum column width",
"docPermalink": "/column-width",
"framework": "javascript",
"displayName": "JavaScript"
@@ -13526,7 +13686,7 @@
"guide": "guides/columns/column-width/column-width.md",
"guideTitle": "Column widths",
"exampleId": "example4",
- "exampleTitle": "Adjust the column width manually",
+ "exampleTitle": "Minimum column width",
"docPermalink": "/column-width",
"framework": "react",
"displayName": "React (TS)"
@@ -13542,7 +13702,7 @@
"guide": "guides/columns/column-width/column-width.md",
"guideTitle": "Column widths",
"exampleId": "example4",
- "exampleTitle": "Adjust the column width manually",
+ "exampleTitle": "Minimum column width",
"docPermalink": "/column-width",
"framework": "typescript",
"displayName": "TypeScript"
@@ -13558,7 +13718,7 @@
"guide": "guides/columns/column-width/column-width.md",
"guideTitle": "Column widths",
"exampleId": "example4",
- "exampleTitle": "Adjust the column width manually",
+ "exampleTitle": "Minimum column width",
"docPermalink": "/column-width",
"framework": "vue",
"displayName": "Vue 3"
diff --git a/runner/workers/api/src/docs-taxonomy.generated.ts b/runner/workers/api/src/docs-taxonomy.generated.ts
index 4ce5844e0..ebd5d6f09 100644
--- a/runner/workers/api/src/docs-taxonomy.generated.ts
+++ b/runner/workers/api/src/docs-taxonomy.generated.ts
@@ -1249,14 +1249,24 @@ export const DOCS_PATH_GUIDE: Readonly> = {
"guides/columns/column-filter/vue/exampleShowFilterItemsOnly.vue": 33,
"guides/columns/column-freezing/angular/example1.ts": 34,
"guides/columns/column-freezing/angular/example2.ts": 34,
+ "guides/columns/column-freezing/angular/example3.ts": 34,
+ "guides/columns/column-freezing/angular/example4.ts": 34,
"guides/columns/column-freezing/javascript/example1.js": 34,
"guides/columns/column-freezing/javascript/example1.ts": 34,
"guides/columns/column-freezing/javascript/example2.js": 34,
"guides/columns/column-freezing/javascript/example2.ts": 34,
+ "guides/columns/column-freezing/javascript/example3.js": 34,
+ "guides/columns/column-freezing/javascript/example3.ts": 34,
+ "guides/columns/column-freezing/javascript/example4.js": 34,
+ "guides/columns/column-freezing/javascript/example4.ts": 34,
"guides/columns/column-freezing/react/example1.tsx": 34,
"guides/columns/column-freezing/react/example2.tsx": 34,
+ "guides/columns/column-freezing/react/example3.tsx": 34,
+ "guides/columns/column-freezing/react/example4.tsx": 34,
"guides/columns/column-freezing/vue/example1.vue": 34,
"guides/columns/column-freezing/vue/example2.vue": 34,
+ "guides/columns/column-freezing/vue/example3.vue": 34,
+ "guides/columns/column-freezing/vue/example4.vue": 34,
"guides/columns/column-groups/angular/example1.ts": 35,
"guides/columns/column-groups/angular/example2.ts": 35,
"guides/columns/column-groups/angular/example3.ts": 35,