nhn/tui.grid

Features

• DOM Virtualization - Maintains high performance with massive datasets by reusing and repositioning a small window of DOM elements during scrolling.
• JavaScript Data Grids - Renders, edits, and sorts tabular data in web applications with virtual scrolling and remote data binding.
• Keyboard and Navigation - Enables spreadsheet-style keyboard navigation, range selection, and clipboard copy-paste operations.
• Data-Driven State Management - Centralises row data, selection states, and column definitions in a dedicated store that drives all user interface updates.
• Data Persistence - Sends created, updated, or deleted row changes back to remote server endpoints using dedicated CRUD request methods.
• In-Place Cell Editing - Modifies cell contents through built-in input types, custom editors, and built-in validation rules to maintain data integrity.
• Inline Data Editing - Enables direct modification of records and cell contents inline within a tabular interface.
• Remote Data Fetching - Loads tabular data asynchronously from remote server endpoints by configuring read requests with custom parameters and initial loading behavior.
• Virtualized Rendering - Renders extensive datasets smoothly using virtualized rendering techniques to maintain performance and prevent UI lag.
• Keyboard Navigation - Enables spreadsheet-style keyboard navigation, range selection, and clipboard operations.
• Tabular Data Components - Displays large amounts of structured data in rows and columns with high-performance virtual rendering.
• Tabular Editors - Provides inline data editing with custom cell renderers and validation rules for tabular records.
• Component-Based Cell Rendering - Replaces standard inputs with custom UI components and lifecycle hooks mounted dynamically inside individual table cells.
• Data Tables and Grids - Organizes table rows based on column values and relational dependencies to locate information quickly.
• Framework Component Wrappers - Adapts native interface components into framework-specific lifecycle wrappers to enable seamless embedding within popular component trees.
• Keyboard Navigation - Intercepts keypress combinations to execute directional focus movement, range selection, and clipboard operations like a spreadsheet.
• Pagination - Splits extensive collections of records across multiple pages to improve load times.
• Configurations - Connects to remote endpoints using data source configuration objects to fetch and display external information dynamically.
• Tree Structures - Executes programmatic methods to expand, collapse, and manage hierarchical row relationships.
• Programmatic Table and Index Managements - Invokes underlying table operations and retrieves root DOM elements through reference handles attached to the component instance.
• Clipboard Pasting - Enables seamless copying and pasting of content between table cells and external spreadsheet applications.
• Column Summary Calculators - Computes totals, averages, and extreme values across rows and columns that update automatically when underlying data changes.
• Event Bus Systems - Coordinates decoupled internal modules by broadcasting user interactions and data changes across a centralized observer pipeline.
• Remote Data Synchronization - Fetches, paginates, and synchronizes tabular datasets asynchronously against remote server endpoints.
• Hierarchical Data Displays - Organizes and renders complex records in expandable parent-child tree layouts with cascading selections.
• Data Grid Configurations - Passes configuration options and localized settings as component properties to customize the appearance and interactivity of tables.
• Hierarchical Grids - Organizes and displays nested parent-child relationships and grouped rows in structured tables.
• Column Pinning - Splits the table layout into independent scrollable and fixed viewports to keep key columns visible during horizontal scrolling.
• Grid Column Management - Allows users to resize, reorder, show, hide, and merge columns dynamically to customize the layout.
• Date and Time Pickers - Provides interactive date and time selection controls directly within table cells.
• Row Selection Interfaces - Synchronizes checkbox selection states between parent and child rows automatically.
• Cell Validation Rules - Enforces data integrity rules and validation constraints on cell values during editing.
• Form Input Controls - Modifies cell values directly using standard form inputs like text fields and checkboxes.
• Hierarchical Tree Views - Represents structured records in a parent-child tree layout to visualize nested relationships.
• Server-Side Paging - Manages dataset chunking and page navigation parameters automatically when fetching records from a server.
• Custom Cell Editors - Replaces standard cell presentation with custom elements and lifecycle hooks inside table cells.

Star history