Skip to content

Change the strict option in bindingRowsWithHeaders example to true to match the description#12179

Open
adrianszymanski89 wants to merge 2 commits intodevelopfrom
docs/issue-73
Open

Change the strict option in bindingRowsWithHeaders example to true to match the description#12179
adrianszymanski89 wants to merge 2 commits intodevelopfrom
docs/issue-73

Conversation

@adrianszymanski89
Copy link
Contributor

@adrianszymanski89 adrianszymanski89 commented Mar 19, 2026

Context

Change the strict option in bindingRowsWithHeaders example to true to match the description and add the list of possible options to the guide.

How has this been tested?

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature or improvement (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Additional language file or change to the existing one (translations)

Related issue(s):

  1. https://github.com/handsontable/dev-handsontable/issues/73

Affected project(s):

  • handsontable
  • @handsontable/angular-wrapper
  • @handsontable/react-wrapper
  • @handsontable/vue3

Checklist:

[skip changelog]


Note

Low Risk
Low risk documentation-only change that updates example configuration values; no runtime/library code is modified.

Overview
Updates the row header guide examples (JS/TS, React, Angular) to set bindRowsWithHeaders to true instead of 'strict', matching the guide’s “Basic example” description.

Expands the guide text to explicitly document the supported bindRowsWithHeaders values (true, strict, loose) and what each means.

Written by Cursor Bugbot for commit 46287d6. This will update automatically on new commits. Configure here.

@adrianszymanski89 adrianszymanski89 self-assigned this Mar 19, 2026
@adrianszymanski89 adrianszymanski89 added the Docs: Content Issues related to Handsontable's documentation content label Mar 19, 2026
@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 19, 2026

More templates

npm i https://pkg.pr.new/handsontable@12179
npm i https://pkg.pr.new/@handsontable/react-wrapper@12179
npm i https://pkg.pr.new/@handsontable/vue3@12179
npm i https://pkg.pr.new/@handsontable/angular-wrapper@12179

commit: 46287d6

Copy link

@cursor cursor bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Fix All in Cursor

Bugbot Autofix prepared a fix for the issue found in the latest run.

  • ✅ Fixed: Example now uses wrong binding mode
    • I restored bindRowsWithHeaders to 'strict' in the JavaScript, Angular, and React row-header examples so row insert/remove behavior matches the intended strict binding mode.

Create PR

Or push these changes by commenting:

@cursor push 39a17cbd83
Preview (39a17cbd83)
diff --git a/docs/content/guides/rows/row-header/angular/example1.ts b/docs/content/guides/rows/row-header/angular/example1.ts
--- a/docs/content/guides/rows/row-header/angular/example1.ts
+++ b/docs/content/guides/rows/row-header/angular/example1.ts
@@ -21,7 +21,7 @@
     height: 'auto',
     contextMenu: true,
     manualRowMove: true,
-    bindRowsWithHeaders: true,
+    bindRowsWithHeaders: 'strict',
     autoWrapRow: true,
     autoWrapCol: true,
   };

diff --git a/docs/content/guides/rows/row-header/javascript/example1.js b/docs/content/guides/rows/row-header/javascript/example1.js
--- a/docs/content/guides/rows/row-header/javascript/example1.js
+++ b/docs/content/guides/rows/row-header/javascript/example1.js
@@ -26,7 +26,7 @@
   height: 'auto',
   contextMenu: true,
   manualRowMove: true,
-  bindRowsWithHeaders: true,
+  bindRowsWithHeaders: 'strict',
   autoWrapRow: true,
   autoWrapCol: true,
   licenseKey: 'non-commercial-and-evaluation',

diff --git a/docs/content/guides/rows/row-header/react/example1.tsx b/docs/content/guides/rows/row-header/react/example1.tsx
--- a/docs/content/guides/rows/row-header/react/example1.tsx
+++ b/docs/content/guides/rows/row-header/react/example1.tsx
@@ -27,7 +27,7 @@
       height="auto"
       contextMenu={true}
       manualRowMove={true}
-      bindRowsWithHeaders={true}
+      bindRowsWithHeaders={'strict'}
       autoWrapRow={true}
       autoWrapCol={true}
       licenseKey="non-commercial-and-evaluation"

This Bugbot Autofix run was free. To enable autofix for future PRs, go to the Cursor dashboard.

@github-actions
Copy link
Contributor

github-actions bot commented Mar 19, 2026

✅ Preview documentation is is available now
Current staging version of documentation is available at: https://dev-handsontable-docs-issue-73.netlify.app/docs

Copy link
Contributor

@AMBudnik AMBudnik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

From the content perspective I approve the changes, but it seems that the API itself is not doing what it suppose to do 🤔

@Wojciech-Swiderski can you help? I've created a demo https://jsfiddle.net/6zvq5phm/ it should highlight the changes once we move row 0 below row 2 but there's no difference in the Ui and in the index mapper response.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Docs: Content Issues related to Handsontable's documentation content

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants