Handsontable

스프레드시트와 같은 외양과 느낌의 JavaScript 데이터 그리드.

Handsoncode사에서 공개
2016년 부터 ComponentSource에서 판매중

가격: US$ 979.02 버젼: 17.0.1 NEW 업데이스 날짜: Mar 25, 2026 5.00 별점 평균 리뷰5.00 별점 평균 리뷰5.00 별점 평균 리뷰5.00 별점 평균 리뷰5.00 별점 평균 리뷰 (1)

Handsontable 스크린샷
i

Handsontable is the new name for Handsontable Pro.

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.
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.
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.
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.
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.
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.
Custom RenderersCreate custom cell renderers to display data with rich HTML content like progress bars or badges.
Built-in themes
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.
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
Dark Mode
Date Custom Renders
Date Custom Renders
Custom Context Menu
Custom Context Menu
Handsontable
Handsontable
클릭하여 상세내용 보기

이미지 1/13

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

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...
Handsontable의 상세 정보

최신 뉴스

단일 셀에서 다중 선택 기능을 활성화하세요
단일 셀에서 다중 선택 기능을 활성화하세요
March 17, 2026기능별 하이라이트
Handsontable 17.0.0은 전체 키보드 탐색을 지원하는 검색 가능한 드롭다운을 통해 하나의 셀 안에 여러 값을 저장하고 관리할 수 있습니다.
CSS 별칭으로 데이터 그리드 테마를 쉽게 관리하세요
CSS 별칭으로 데이터 그리드 테마를 쉽게 관리하세요
December 9, 2025Product Update
Handsontable 16.2.0은 CSS 변수를 구조화된 별칭 계층(alias hierarchy)으로 업데이트하여, 테마를 더 쉽게 관리하고 사용자 지정할 수 있도록 지원합니다.
성능 손실 없이 대규모 데이터 세트를 렌더링하세요
성능 손실 없이 대규모 데이터 세트를 렌더링하세요
September 25, 2025Product Update
Handsontable 16.1.0은 클라이언트 측 행 페이지 매김(client-side row pagination) 기능이 도입되어, 대규모 테이블의 성능과 유용성이 향상되었습니다.
그리드 셀의 긴 텍스트를 말줄임표로 세련되게 처리하세요
그리드 셀의 긴 텍스트를 말줄임표로 세련되게 처리하세요
July 10, 2025Product Update
셀의 내용이 너무 긴 경우 말줄임표로 줄여서 숨겨진 텍스트가 있음을 알려주는 새로운 'textEllipsis' 기능이 Handsontable 16.0.0에 추가되었습니다.
Handsoncode, ComponentSource 어워드 2개 부문 수상
Handsoncode, ComponentSource 어워드 2개 부문 수상
May 13, 2025Publisher Award
Handsoncode가 ComponentSource 어워드에서 2025년 Top 25 Publisher Award 및 Top 100 Product Award를 수상하였습니다.
캐시된 셀 노드로 그리드 성능을 개선합니다
캐시된 셀 노드로 그리드 성능을 개선합니다
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...
라이선스의 상세 내용

궁금한 점이 있으세요?

Handsoncode 사 제품 라이선스 담당자와 라이브 채팅

Handsoncode
Handsoncode사 제품의 배포자로서 공식 권한을 소유한 ComponentSource는 합법적인 라이선스를 고객님께 직접 제공합니다.
Handsoncode의 상세 정보
Component Type
  • JavaScript
  • Angular
  • React
  • Vue.js
호환성 상세 내용

최근 수상

ProductPublisherProduct

고객 리뷰

평균 리뷰 스코어: 5 (1)

5 등급에서 5

5 등급
100%
4 등급
0%
3 등급
0%
2 등급
0%
1 등급
0%

가장 최근의 긍정적인 리뷰

이 제품에 대한 긍정적인 리뷰가 없습니다.

가장 최근의 중요 리뷰

이 제품에 대한 부정적인 리뷰가 없습니다.
더 많은 리뷰