Handsontable-使用省略号优雅地处理网格单元格中的长文本

发布日期：2025 年 7 月 9 日

16.0.0 中的更新

特征

Angular 的新包装器

• 16.0 版本引入了完全重写的 Angular Handsontable 包装器，旨在与 Angular 的最新架构标准保持一致，并提供更佳的开发者体验。如果您正在使用 Angular 16 或更高版本，建议升级到新的包装器，以充分利用其改进功能，例如更符合惯用的用法、更易于维护以及与 Angular 变更检测系统更好地集成。

新文本省略号功能

• 此版本引入了一项新的内置功能：textEllipsis，即使某些单元格包含大量文本，它也能帮助您保持表格布局的简洁易读。启用 textEllipsis 后，如果单元格内容超出其当前宽度，则会自动显示省略号 (...)，而不是溢出文本。此视觉提示可在不破坏表格结构的情况下，提示您有更多内容。

第二次单击取消选择单元格

• 现在，您可以选择多个单个单元格，然后按住 Ctrl/Cmd 并单击任意选定单元格即可将其从选择中移除。以前，此行为需要自定义实现。现在，此功能已原生支持，并默认为所有用户启用。

更新的 DOM 结构

• 此版本修改了底层 DOM，以改进对屏幕阅读器的支持，并确保未来功能（例如分页栏）的容量。结构变化包括一个额外的 <div>，该 <div> 包含整个数据网格。

其他变化

• 此版本还解决了一些浏览器特有的问题。它移除了 Windows 下拉编辑器中使用分数显示缩放时出现的水平滚动条。在 Safari 中，修复了滚动条样式不一致的问题，以确保跨浏览器的统一 UI。
• 您还将受益于改进的过滤行为。现在，在活动过滤会话期间添加新列可以正确更新过滤器，从而避免出现不一致的结果。