Handsontable data grid component

Handsontable Data grid components

　　Handsontable It's a JavaScript/HTML5 Data grid components , Has a spreadsheet appearance independent of any external frame . You can easily modify or extend it with a custom plug-in . It also uses JSON Format bound to any source , And can handle a large amount of data . You can easily perform data binding 、 data validation 、 Filter 、 Sorting and CRUD operation , And provide similar services to end users Excel Experience .Handsontable With wrappers and instructions for most popular frameworks , for example Angular、React and Vue. The component supports multiple languages , Including Chinese 、 Japanese 、 German 、 Spanish 、 French 、 Portuguese 、 Polish and Russian .

　　 Palmtop features

　　 alignment - Determines where content is placed in a cell or range of cells .

　　 Done automatically - Choose one of the suggested options when typing or entering custom values .

　　 Bind the row to the title - Bind the row to the title to lock the row number and always display a... Next to the other .

　　 Check box - Add a check box to the cell to indicate binary selection .

　　 Collapse column - Expand and collapse columns to better fit content .

　　 Column summary - Perform pre-defined calculations and in Handsontable Results shown in .

　　 notes - Provide additional comments about cells , To help better understand its content .

　　 Conditional format - Defines the format of a specific cell based on its value .

　　 Context menu - Call the shortcut menu to select the operation related to the selected object .

　　 Custom border - Apply a custom border style around a cell or range of cells .

　　 Custom buttons - Use the custom action buttons to insert and delete columns or rows .

　　 Custom cell type - Use Handsontable Itself as a custom cell editor .

　　 Customize HTML - Show in cell or header HTML Content .

　　 data validation - Controls which values can be entered into cells .

　　 date - Use the date selector to select the date .

　　 Disable cell editing - Make cells uneditable without changing their appearance and behavior .

　　 Drag down - Drag the fill handle ( A square in the lower right corner of the cell ) To fill a cell with a series of data .

　　 The drop-down menu - Create a drop-down list of advanced options in the cell .

　　 The drop-down menu - Add a menu to the title to enable additional actions for the column .

　　 Export to file - Export data to CSV Or string and other flat files .

　　 Filter - Show eligible rows and hide the rest .

　　 Fixed rows and columns - Defines which rows or columns are visible when scrolling down or across tables .

　　 frozen - Create frozen columns to keep them visible while scrolling .

　　 Title tooltip - Show Title labels in tooltips .

　　 Hide columns - Hide specific columns and show the rest .

　　 Hide rows - Hide a specific row and show the rest .

　　 Highlight the current - Indicates the entire active column or row .

　　 internationalization - change UI In order to translate it into a specific language .

　　 merge cell - Displays cells across multiple rows or columns .

　　 Move - Drag rows or columns to swap them in the table .

　　 Nested title - Create a nested hierarchy of titles , To group your data .

　　 Numbers - Type a custom number format in the cell .

　　 Pagination - Limit the number of records displayed in a single view .

　　 password - Mask values in cells with asterisks .

　　 Pre fill new lines - Create an empty cell with a predefined type or value

　　 read-only - Lock cells or cell ranges to prevent them from being changed .

　　 Resize - Drag the sizing handle to change the size of a column or row .

　　 rolling - Use the local scroll bar to navigate through the table .