Handsontable
外观和感觉像电子表格的 JavaScript 数据网格。
由以下开发商制作:Handsoncode
ComponentSource开始代理销售的日期:2016年
Handsontable
Handsontable is a JavaScript/HTML5 data grid component with a spreadsheet look and feel that is independent from any external framework. It can be easily modified or extended with custom plugins. It also binds to any source using the JSON format and is capable of handling large amounts of data. You can easily perform data binding, data validation, filtering, sorting and CRUD operations, and provide end-users with an Excel-like experience. Handsontable comes with wrappers and directives for most popular frameworks, such as Angular, React and Vue. The component supports multiple languages including Chinese, Japanese, German, Spanish, French, Portuguese, Polish and Russian.
Handsontable
Column SummaryAutomatically calculate sum, average, min, max, or count for columns and display results in a designated row.
Cell TypesBuilt-in cell types: text, numeric, date, time, checkbox, select, dropdown, autocomplete, and password.
ValidationValidate cell values with built-in validators or custom validation functions. Invalid cells are highlighted.
Multi-selectSelect multiple values per cell from a searchable dropdown with chip-based display and overflow indicators.
Conditional FormattingApply dynamic styles based on cell values using custom cell renderers.
Custom RenderersCreate custom cell renderers to display data with rich HTML content like progress bars or badges.
Built-in themes
Use tokens to generate a themeInside the Figma file, you’ll find local variables that define all parts of the data grid — like colors, spacing, font styles, icon sizes, and more. These variables are organized into three themes: Main, Horizon and Classic each available in both light and dark mode.
Dark Mode
Date Custom Renders
Custom Context Menu
Handsontable
图像1/13
Handsontable Features
- Accessibility - Be able to use screen readers and navigate between cells.
- Alignment - Decide where the content is placed within the cell or a range of cells.
- Autocomplete - Choose one of the suggested options while typing or entering a custom value.
- Binding rows with headers - Bind rows with headers to lock the row number and always display one beside the other.
- Checkbox - Add a checkbox to a cell to indicate binary choices.
- Collapsing columns - Expand and collapse columns...
最新新闻
在单个单元格中启用多选
March 17, 2026功能焦点
Handsontable 17.0.0 使用支持完整键盘导航的可搜索下拉菜单可在一个单元格内存储和管理多个值。
用 CSS 别名简化数据网格主题
December 9, 2025Product Update
Handsontable 16.2.0 用结构化别名层级更新其 CSS 变量，使管理和自定义主题更加便捷。
无需性能损失即可呈现大型数据集
September 25, 2025Product Update
Handsontable 16.1.0 引入了客户端行分页，以增强大型表的性能和可用性。
用省略号优雅地处理网格单元格中的长文本
July 10, 2025Product Update
Handsontable 16.0.0 添加一个新的“textEllipsis”功能，其用省略号缩短超长单元格内容，从而表示隐藏文本。
Handsoncode 荣获 ComponentSource 二个奖项
May 13, 2025Publisher Award
ComponentSource 授予 Handsoncode 2025 年度厂家 25 强奖和产品 100 强奖。
用缓存单元节点提高网格性能
February 25, 2025Product Update
Handsontable 15.1.0 重用和缓存单元节点，减少了不必要的 DOM 作，并将表呈现速度提高达 40%。价格从： US$ 979.02
Annual Licenses: The Annual Subscription License grants you a non-exclusive right to install and use the software as long as you pay the subscription fee。 If you choose not to renew your license you...
有任何疑问吗?
透过Live Chat与我们的Handsoncode 专家联络!
最近获得的奖项
(1)
