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...
最新新闻
Build Data Grid Apps on a More Robust Codebase
July 3, 2026Product Update
Handsontable's core has been completely rewritten in TypeScript, improving long-term stability and maintainability across the codebase.
将数据表直接导出到 Excel
June 9, 2026Product Update
Handsontable 17.1.0 可以直接从网格生成 XLSX 文件，同时保留筛选器、排序、列布局及其它视图设置。
在单个单元格中启用多选
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”功能，其用省略号缩短超长单元格内容，从而表示隐藏文本。价格从： 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)
