17 repository-uri
UI components that optimize memory and performance by rendering only the visible portion of large datasets.
Distinct from Virtual Tables: None of the candidates refer to UI virtualization; they focus on database virtual tables/schemas.
Explore 17 awesome GitHub repositories matching user interface & experience · Virtualized Data Tables. Refine with filters or upvote what's useful.
react-data-grid is a high-performance table component for React designed to render large datasets using virtualization. It functions as a virtualizing data table that optimizes memory and performance by rendering only the rows and columns currently visible on the screen. The project provides a customizable spreadsheet interface featuring cell editing, column resizing, and pinned rows. It also acts as a hierarchical data grid, supporting row grouping and tree structures to organize complex nested information. The grid covers wide-ranging data management and display capabilities, including mul
Optimizes memory and performance by rendering only the rows and columns currently visible on the screen.
SlickGrid is a high-performance JavaScript data grid and virtualized data table designed to render large datasets in the browser. It functions as a web spreadsheet component and tabular data manager, utilizing virtual scrolling to maintain responsiveness when displaying hundreds of thousands of entries. The library employs a canvas-based UI system to draw grid lines and elements, reducing the total number of DOM nodes. It separates raw data from visual presentation through column-based mapping and uses a formatter pipeline to transform data values into HTML strings. Capabilities include row
Optimizes memory and performance by rendering only the visible portion of large datasets.
React Virtuoso is a React component library for rendering large datasets efficiently through virtualized lists, grids, tables, and chat interfaces. It automatically measures variable-height items at runtime, computes accurate scroll offsets without requiring fixed sizes, and renders only the items within the visible viewport plus a configurable buffer zone. The library manages scroll position through a state machine that tracks direction, position, and anchor items to handle auto-scroll, sticky headers, and bidirectional loading. The library distinguishes itself with specialized components fo
Ships a virtualized HTML table component with sticky headers, columns, and row virtualization.
Acest proiect este o componentă de tabel de date React integrată cu shadcn/ui. Oferă un set de grile de date tabelare care suportă sortarea, filtrarea și paginarea. Implementarea include o grilă de date virtualizată și un tabel cu derulare infinită, care permit redarea seturilor mari de date prin încărcarea incrementală a înregistrărilor sau afișarea doar a elementelor vizibile în viewport. Funcționează, de asemenea, ca un tabel colaborativ în timp real, permițând mai multor utilizatori să gestioneze și să editeze seturi de date partajate simultan. Componenta acoperă gestionarea interactivă a datelor și vizualizarea complexă a datelor. Aceasta include capacitatea de a gestiona selecția rândurilor prin bare de acțiune contextuale și utilizarea filtrării bazate pe definirea coloanelor pentru a organiza înregistrările.
Ships a high-performance table implementation that renders only visible rows to efficiently handle large datasets.
A lightweight client for managing MariaDB, MySQL, SQL Server, PostgreSQL, SQLite, Interbase and Firebird, written in Delphi and Lazarus/FreePascal
Displays table data in an editable grid for direct row modification, insertion, and deletion.
Vue-typescript-admin-template is a TypeScript-based admin panel starter built with Vue CLI 3, providing a complete foundation for building enterprise back-office interfaces. It enforces type safety across Vue components using TypeScript, reducing runtime errors and improving code maintainability, while offering a dynamic route permission system that controls sidebar navigation and page access by mapping user roles to route permissions at runtime. The template includes a mock API service layer that simulates backend responses for frontend development without a live server, along with internati
Allows users to edit the content of a table cell directly without opening a separate form.
ui-grid este o componentă de tip grid de date enterprise pentru aplicații Angular, concepută pentru a afișa date tabelare. Acesta funcționează ca un tabel de date interactiv care suportă virtualizarea pentru a menține performanța la randarea seturilor de date mari. Grid-ul oferă capabilități specializate pentru gestionarea profesională a datelor, inclusiv gruparea rândurilor, fixarea coloanelor și persistența stării. Acesta permite organizarea ierarhiilor complexe de date și transformarea înregistrărilor plate în structuri grupate sau arborescente. Componenta acoperă o gamă largă de funcționalități de gestionare a datelor, inclusiv editarea celulelor in-place, reordonarea coloanelor și capacitatea de a importa și exporta date în fișiere externe. De asemenea, include suport pentru navigarea prin tastatură și localizarea în mai multe limbi.
Provides a customizable interface for in-place data editing and high-performance virtual scrolling.
Glide Data Grid este o grilă de date virtualizată pentru React și TypeScript care utilizează HTML Canvas API pentru a reda milioane de celule fluid. Este concepută ca un tabel de date accesibil care menține rate de cadre ridicate la afișarea și navigarea prin seturi masive de date. Proiectul se distinge printr-o arhitectură de randare bazată pe canvas care utilizează randarea leneșă (lazy rendering) și un API de desenare personalizat. Acest lucru permite conținutul celulelor specializat și stilizarea bazată pe date, care ocolește ciclurile standard de actualizare DOM pentru a asigura performanțe ridicate. Grila oferă capabilități cuprinzătoare de layout și gestionare a datelor, inclusiv îmbinarea celulelor, coloane înghețate, înălțimi variabile ale rândurilor și calculul automat al lățimii coloanelor. Include, de asemenea, suport integrat pentru editarea celulelor, selecția elementelor și căutarea în datele grilei.
Provides a strongly typed, editable data grid supporting high-performance virtual scrolling and in-place editing.
esProc este un framework ETL distribuit și un motor de calcul de date încorporat. Oferă un limbaj de date structurate pentru Java Virtual Machine, conceput pentru interogări relaționale, calcul complex de date și analiză de date structurate. Sistemul dispune de o interfață de interogare a datelor în limbaj natural care utilizează modele de limbaj mari pentru a traduce cererile în interogări executabile pe seturi de date structurate. Utilizează un limbaj de interogare specific domeniului, cu o sintaxă concisă pentru a stabili relații între tabele și a recupera informații. Platforma acoperă integrarea datelor din surse relaționale și NoSQL disparate și gestionează fluxurile de lucru ETL pentru a muta datele între fișiere și baze de date. Capabilitățile suplimentare includ generarea de rapoarte de date structurate, o interfață de grilă în timp real pentru vizualizarea execuției pas cu pas și capacitatea de a integra biblioteci externe partajate personalizate.
Provides a built-in editable grid for viewing and modifying data files and database tables directly.
Fixed-data-table este o bibliotecă de componente React concepută pentru randarea seturilor mari de date în interfețe de tip grid structurate și scrollabile. Funcționează ca un tabel virtualizat, optimizând performanța prin randarea doar a rândurilor vizibile în prezent în viewport. Biblioteca se distinge prin accentul pus pe menținerea contextului în timpul navigării, utilizând layout-uri cu header fix și gestionarea sincronizată a stării de scroll. Utilizează accesul la date bazat pe index pentru a mapa informațiile către coordonate specifice ale grid-ului, permițând personalizarea modulară a celulelor și configurarea flexibilă a coloanelor. Componenta suportă gestionarea cuprinzătoare a prezentării tabelului, inclusiv redimensionarea coloanelor și ajustarea înălțimii rândurilor. Oferă control programatic asupra comportamentului de scroll, permițând sincronizarea mișcării tabelului cu elemente de interfață externe sau gesturi personalizate.
Optimizes performance by rendering only visible rows within a scrollable container using virtualized table techniques.
Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
Renders structured data in grids featuring sorting, virtual scrolling, and editable cells.
Vue-easytable is a high-performance data grid component designed for the Vue.js framework. It provides a comprehensive interface for displaying and managing large-scale tabular data, utilizing virtual scrolling to maintain responsiveness by rendering only the visible subset of rows within the browser. The component offers spreadsheet-style interaction, enabling users to perform direct, in-place data editing and manipulation. It supports complex grid configurations, including column pinning, row expansion, and data filtering, allowing for the organization of structured information to improve r
Enables direct table data editing through interactive cells for real-time updates and streamlined information maintenance.
LazySQL is a terminal user interface database manager and SQL client. It functions as a query runner and connection manager for interacting with SQL databases from the command line. The project features a read-only connection mode that blocks mutation commands to prevent accidental data loss. It supports automated pre-connection tasks, including the execution of shell commands and the establishment of SSH tunnels, and allows for both global and project-specific configuration. The interface provides a tree-based schema browser for navigating tables, a dedicated SQL query editor with tabular r
Provides a data grid that allows for the direct insertion of new rows and in-place editing of column values.
React Base Table este o bibliotecă de componente de interfață reutilizabile concepute pentru construirea de grile de date complexe și responsive în aplicații web. Oferă o fundație de înaltă performanță pentru randarea seturilor mari de date prin utilizarea virtualizării rândurilor bazată pe fereastră, ceea ce asigură că interfața utilizatorului rămâne responsivă chiar și atunci când afișează colecții extinse de date. Biblioteca se distinge prin capabilități flexibile de layout și navigare, inclusiv suport pentru structuri de date ierarhice care pot fi randate ca rânduri de tip arbore expandabile. Permite controlul precis asupra geometriei tabelului prin dimensionarea proporțională a coloanelor și urmărirea automată a containerului, permițând în același timp utilizatorilor să fixeze coloane specifice la marginile viewport-ului pentru a menține vizibilitatea în timpul scroll-ului orizontal. Dezvoltatorii pot crea afișări de date extrem de personalizate prin injectarea de componente custom direct în celulele tabelului și aplicarea de override-uri de stil pentru a îndeplini cerințe specifice de design. Sistemul se ajustează automat la schimbările dimensiunii containerului părinte, asigurând că layout-ul tabelului rămâne consistent pe diferite dimensiuni de ecran și configurații de interfață.
Optimizes performance by rendering only the visible portion of large datasets to maintain a responsive user interface.
Acest proiect este o bibliotecă de tip data grid concepută pentru construirea de tabele complexe și interactive în aplicațiile React. Oferă o suită de componente modulare care permit afișarea informațiilor structurate, suportând atât randarea personalizată a celulelor, cât și configurații flexibile ale coloanelor pentru a acomoda diverse nevoi de prezentare a datelor. Biblioteca este construită pentru a gestiona seturi mari de date prin utilizarea randării virtualizate, care asigură performanțe ridicate prin procesarea doar a subsetului de rânduri vizibile în prezent în viewport. Se distinge prin suportul pentru înălțimi dinamice ale rândurilor și controlul programatic al scroll-ului, permițând navigarea precisă și ajustările de layout chiar și atunci când se gestionează mii de intrări de date. Dincolo de randarea de bază, biblioteca facilitează interacțiunea utilizatorului prin funcționalități precum coloane redimensionabile și scroll tactil. Dezvoltatorii pot defini câmpuri de date personalizate și pot încapsula logica complexă a celulelor în componente reutilizabile, asigurând formatarea și comportamentul consistent în diferite părți ale interfeței unei aplicații.
Implements window-based virtualized rendering to efficiently display thousands of rows by only processing the subset currently visible within the viewport.
This library is a high-performance data grid component for React applications, designed to manage and display large datasets. It provides a declarative configuration system that allows developers to define table structures, data sources, and feature toggles through a structured object schema. The library distinguishes itself through a flexible layout engine that supports complex UI requirements, such as pinning headers and specific columns to viewport edges during scrolling. It utilizes virtualized rendering to maintain interface responsiveness by displaying only the visible subset of data, e
Optimizes browser performance by rendering only the visible portion of massive datasets.
This project is a high-performance data grid component designed for React applications. It provides a declarative framework for rendering large-scale datasets and complex tabular structures by utilizing a canvas-based drawing engine instead of traditional document object model nodes. The library distinguishes itself through a windowed virtualization engine that maintains constant memory usage by rendering only the visible portion of the grid. It translates pointer interactions into specific cell references through coordinate-based mapping and supports the injection of external application sta
Optimizes rendering performance by displaying only visible cells to handle massive data volumes efficiently.