-
Notifications
You must be signed in to change notification settings - Fork 3.2k
Description
Hello,
We’ve just released Handsontable 16.0.0, featuring a brand-new Angular wrapper, automatic text truncation with textEllipsis
, updated DOM structure, and native deselection for selected cells.
New Angular Wrapper
Handsontable 16 ships with a completely rewritten Angular wrapper, designed to align with Angular’s modern architecture and improve the overall developer experience.
It’s built around standalone components (no more NgModules) and lets you create custom editors and renderers using standard Angular components. You’ll get better TypeScript support, simpler syntax, full access to the Handsontable instance via ViewChild, and more.
The new wrapper lives in @handsontable/angular-wrapper, and we’ve prepared a migration guide to help you switch smoothly.
New textEllipsis
Option
We’ve added a new textEllipsis feature to help keep your tables clean when dealing with longer text. When enabled, overflowing cell content is automatically truncated with an ellipsis (...) instead of spilling over. It’s a simple way to show there’s more data without breaking your layout. Just set textEllipsis: true
, no extra styling needed.
Deselect Cells with a Second-Click
You can now deselect any selected cell by holding Ctrl/Cmd and clicking on it. This multi-cell control used to require extra code, but it’s now built into Handsontable by default.
Modified DOM Structure
We’ve updated the underlying DOM to improve screen reader support and prepare for future features like pagination. The structural change consist of an extra <div>
that entails the entire data grid.