awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

17 Repos

Awesome GitHub RepositoriesVirtualized Data Tables

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.

Awesome Virtualized Data Tables GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • comcast/react-data-gridAvatar von Comcast

    Comcast/react-data-grid

    7,637Auf GitHub ansehen↗

    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.

    TypeScriptreactreact-data-grid
    Auf GitHub ansehen↗7,637
  • mleibman/slickgridAvatar von mleibman

    mleibman/SlickGrid

    6,945Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗6,945
  • petyosi/react-virtuosoAvatar von petyosi

    petyosi/react-virtuoso

    6,348Auf GitHub ansehen↗

    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.

    TypeScriptchatcomponent-libraryfeed
    Auf GitHub ansehen↗6,348
  • sadmann7/shadcn-tableAvatar von sadmann7

    sadmann7/shadcn-table

    6,172Auf GitHub ansehen↗

    Dieses Projekt ist eine React-Datentabellenkomponente, die in shadcn/ui integriert ist. Sie bietet eine Reihe tabellarischer Datengitter, die Sortierung, Filterung und Paginierung unterstützen. Die Implementierung umfasst ein virtualisierendes Datengitter und eine Infinite-Scroll-Tabelle, die das Rendern großer Datensätze ermöglichen, indem Datensätze inkrementell geladen oder nur die im Viewport sichtbaren Elemente angezeigt werden. Zudem fungiert sie als kollaborative Echtzeit-Tabelle, die es mehreren Benutzern ermöglicht, geteilte Datensätze simultan zu verwalten und zu bearbeiten. Die Komponente deckt interaktives Datenmanagement und komplexe Datenvisualisierung ab. Dies beinhaltet die Möglichkeit, Zeilenauswahlen über kontextuelle Action-Bars zu verwalten und Spaltendefinitions-gesteuerte Filter zu nutzen, um Datensätze zu organisieren.

    Ships a high-performance table implementation that renders only visible rows to efficiently handle large datasets.

    TypeScript
    Auf GitHub ansehen↗6,172
  • heidisql/heidisqlAvatar von HeidiSQL

    HeidiSQL/HeidiSQL

    6,129Auf GitHub ansehen↗

    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.

    Pascal
    Auf GitHub ansehen↗6,129
  • armour/vue-typescript-admin-templateAvatar von Armour

    Armour/vue-typescript-admin-template

    5,677Auf GitHub ansehen↗

    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.

    Vueadminadmin-dashboardtemplate
    Auf GitHub ansehen↗5,677
  • angular-ui/ui-gridAvatar von angular-ui

    angular-ui/ui-grid

    5,376Auf GitHub ansehen↗

    ui-grid ist eine Enterprise-Datengitter-Komponente für Angular-Anwendungen, die zur Anzeige tabellarischer Daten entwickelt wurde. Sie fungiert als interaktive Datentabelle, die Virtualisierung unterstützt, um die Leistung beim Rendern großer Datensätze aufrechtzuerhalten. Das Gitter bietet spezialisierte Funktionen für professionelles Datenmanagement, einschließlich Zeilengruppierung, Spaltenfixierung und Zustandspersistenz. Es ermöglicht die Organisation komplexer Datenhierarchien und die Transformation flacher Datensätze in gruppierte oder Baumstrukturen. Die Komponente deckt ein breites Spektrum an Datenverwaltungsfunktionen ab, einschließlich In-Place-Zellenbearbeitung, Spalten-Neuanordnung und der Möglichkeit, Daten in externe Dateien zu importieren und zu exportieren. Sie enthält zudem Unterstützung für Tastaturnavigation und mehrsprachige Lokalisierung.

    Provides a customizable interface for in-place data editing and high-performance virtual scrolling.

    JavaScriptangularjavascriptui-grid
    Auf GitHub ansehen↗5,376
  • glideapps/glide-data-gridAvatar von glideapps

    glideapps/glide-data-grid

    5,237Auf GitHub ansehen↗

    Glide Data Grid ist ein virtualisiertes Datengitter für React und TypeScript, das die HTML Canvas API nutzt, um Millionen von Zellen flüssig darzustellen. Es ist als barrierefreie Datentabelle konzipiert, die auch bei der Anzeige und Navigation durch riesige Datensätze hohe Bildraten beibehält. Das Projekt zeichnet sich durch eine Canvas-basierte Rendering-Architektur aus, die Lazy Rendering und eine benutzerdefinierte Zeichen-API verwendet. Dies ermöglicht spezialisierte Zellinhalte und datengesteuertes Styling, das Standard-DOM-Update-Zyklen umgeht, um eine hohe Performance zu gewährleisten. Das Gitter bietet umfassende Layout- und Datenverwaltungsfunktionen, einschließlich Zellzusammenführung, fixierter Spalten, variabler Zeilenhöhen und automatischer Spaltenbreitenberechnung. Es enthält zudem integrierte Unterstützung für Zellbearbeitung, Elementauswahl und Datensuche innerhalb des Gitters.

    Provides a strongly typed, editable data grid supporting high-performance virtual scrolling and in-place editing.

    TypeScriptaccessibledatadatagrid
    Auf GitHub ansehen↗5,237
  • splware/esprocAvatar von SPLWare

    SPLWare/esProc

    4,685Auf GitHub ansehen↗

    esProc ist ein verteiltes ETL-Framework und eine eingebettete Datenberechnungs-Engine. Es bietet eine strukturierte Datensprache für die Java Virtual Machine, die für relationale Abfragen, komplexe Datenberechnungen und strukturierte Datenanalyse entwickelt wurde. Das System verfügt über eine Abfrageschnittstelle für natürliche Sprache, die große Sprachmodelle nutzt, um Anfragen in ausführbare Abfragen gegen strukturierte Datensätze zu übersetzen. Es verwendet eine domänenspezifische Abfragesprache mit präziser Syntax, um Tabellenbeziehungen herzustellen und Informationen abzurufen. Die Plattform deckt die Datenintegration über verschiedene relationale und NoSQL-Quellen hinweg ab und verwaltet ETL-Workflows, um Daten zwischen Dateien und Datenbanken zu verschieben. Zusätzliche Funktionen umfassen die Generierung strukturierter Datenberichte, eine Echtzeit-Gitter-Schnittstelle für die Visualisierung der schrittweisen Ausführung und die Möglichkeit, benutzerdefinierte externe freigegebene Bibliotheken zu integrieren.

    Provides a built-in editable grid for viewing and modifying data files and database tables directly.

    Javacluster-computingdatabasedataset
    Auf GitHub ansehen↗4,685
  • facebookarchive/fixed-data-tableAvatar von facebookarchive

    facebookarchive/fixed-data-table

    4,269Auf GitHub ansehen↗

    Fixed-data-table ist eine React-Komponentenbibliothek, die für das Rendern großer Datensätze innerhalb strukturierter, scrollbarer Grid-Interfaces entwickelt wurde. Sie fungiert als virtualisierte Tabelle und optimiert die Leistung, indem nur die Zeilen gerendert werden, die aktuell innerhalb des Viewports sichtbar sind. Die Bibliothek zeichnet sich durch ihren Fokus auf die Wahrung des Kontexts während der Navigation aus, wobei Fixed-Header-Layouts und synchronisiertes Scroll-State-Management genutzt werden. Sie verwendet indexbasierten Datenzugriff, um Informationen auf spezifische Grid-Koordinaten abzubilden, was modulare Zellanpassungen und flexible Spaltenkonfigurationen ermöglicht. Die Komponente unterstützt umfassendes Tabellenpräsentationsmanagement, einschließlich Spaltengrößenänderung und Zeilenhöhenanpassungen. Sie bietet programmatische Kontrolle über das Scroll-Verhalten, was die Synchronisierung der Tabellenbewegung mit externen Interface-Elementen oder benutzerdefinierten Gesten ermöglicht.

    Optimizes performance by rendering only visible rows within a scrollable container using virtualized table techniques.

    JavaScript
    Auf GitHub ansehen↗4,269
  • taiga-family/taiga-uiAvatar von taiga-family

    taiga-family/taiga-ui

    4,002Auf GitHub ansehen↗

    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.

    TypeScriptangularbest-practicescdk
    Auf GitHub ansehen↗4,002
  • happy-coding-clans/vue-easytableAvatar von Happy-Coding-Clans

    Happy-Coding-Clans/vue-easytable

    3,802Auf GitHub ansehen↗

    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.

    JavaScriptclipboardcomponentcontextmenu
    Auf GitHub ansehen↗3,802
  • jorgerojas26/lazysqlAvatar von jorgerojas26

    jorgerojas26/lazysql

    3,481Auf GitHub ansehen↗

    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.

    Go
    Auf GitHub ansehen↗3,481
  • autodesk/react-base-tableAvatar von Autodesk

    Autodesk/react-base-table

    1,536Auf GitHub ansehen↗

    React Base Table ist eine Bibliothek wiederverwendbarer Interface-Komponenten für den Aufbau komplexer, responsiver Datengitter innerhalb von Webanwendungen. Sie bietet ein leistungsstarkes Fundament für das Rendern großer Datensätze durch die Nutzung fensterbasierter Zeilen-Virtualisierung, die sicherstellt, dass die Benutzeroberfläche auch bei der Anzeige umfangreicher Datensammlungen reaktionsfähig bleibt. Die Bibliothek zeichnet sich durch flexible Layout- und Navigationsfunktionen aus, einschließlich der Unterstützung hierarchischer Datenstrukturen, die als erweiterbare Baumzeilen gerendert werden können. Sie ermöglicht eine präzise Kontrolle über die Tabellengeometrie durch proportionale Spaltengrößenanpassung und automatisches Container-Tracking, während Benutzer gleichzeitig spezifische Spalten an den Viewport-Rändern fixieren können, um die Sichtbarkeit während des horizontalen Scrollens zu erhalten. Entwickler können hochgradig maßgeschneiderte Datenanzeigen erstellen, indem sie benutzerdefinierte Komponenten direkt in Tabellenzellen injizieren und Styling-Overrides anwenden, um spezifische Designanforderungen zu erfüllen. Das System passt sich automatisch an Änderungen der Größe des übergeordneten Containers an und stellt sicher, dass das Tabellenlayout über verschiedene Bildschirmdimensionen und Interface-Konfigurationen hinweg konsistent bleibt.

    Optimizes performance by rendering only the visible portion of large datasets to maintain a responsive user interface.

    TypeScriptcomponentgridreact
    Auf GitHub ansehen↗1,536
  • schrodinger/fixed-data-table-2Avatar von schrodinger

    schrodinger/fixed-data-table-2

    1,304Auf GitHub ansehen↗

    This project is a data grid library designed for building complex, interactive tables within React applications. It provides a suite of modular components that enable the display of structured information, supporting both custom cell rendering and flexible column configurations to accommodate diverse data presentation needs. The library is built to handle large datasets by utilizing virtualized rendering, which ensures high performance by only processing the subset of rows currently visible within the viewport. It distinguishes itself through support for dynamic row heights and programmatic s

    Implements window-based virtualized rendering to efficiently display thousands of rows by only processing the subset currently visible within the viewport.

    JavaScript
    Auf GitHub ansehen↗1,304
  • alibaba/ali-react-tableAvatar von alibaba

    alibaba/ali-react-table

    979Auf GitHub ansehen↗

    Diese Bibliothek ist eine leistungsstarke Datengrid-Komponente für React-Anwendungen, die für die Verwaltung und Anzeige großer Datensätze konzipiert ist. Sie bietet ein deklaratives Konfigurationssystem, das es Entwicklern erlaubt, Tabellenstrukturen, Datenquellen und Feature-Toggles über ein strukturiertes Objektschema zu definieren. Die Bibliothek zeichnet sich durch eine flexible Layout-Engine aus, die komplexe UI-Anforderungen unterstützt, wie das Anheften von Headern und spezifischen Spalten an Viewport-Ränder während des Scrollens. Sie nutzt virtualisiertes Rendering, um die Interface-Reaktionsfähigkeit zu wahren, indem nur die sichtbare Teilmenge der Daten angezeigt wird, was eine konsistente Leistung unabhängig von der Gesamtzahl der Elemente sicherstellt. Über ihre Kern-Layout- und Leistungsfunktionen hinaus bietet das Projekt umfangreiche Anpassungsoptionen. Entwickler können benutzerdefinierte React-Komponenten injizieren, um das Erscheinungsbild und Verhalten einzelner Zellen zu definieren, und visuelle Stile über Scoped-CSS-Variablen anwenden, was eine maßgeschneiderte Datenpräsentation ohne Modifikation der internen Komponentenlogik ermöglicht.

    Optimizes browser performance by rendering only the visible portion of massive datasets.

    TypeScriptreactreact-tabletable
    Auf GitHub ansehen↗979
  • rowsncolumns/gridAvatar von rowsncolumns

    rowsncolumns/grid

    633Auf GitHub ansehen↗

    Dieses Projekt ist eine hochperformante Data-Grid-Komponente für React-Anwendungen. Es bietet ein deklaratives Framework zum Rendern umfangreicher Datensätze und komplexer tabellarischer Strukturen, indem es eine Canvas-basierte Rendering-Engine anstelle herkömmlicher DOM-Knoten verwendet. Die Bibliothek zeichnet sich durch eine Windowed-Virtualization-Engine aus, die den Speicherverbrauch konstant hält, indem nur der sichtbare Teil des Grids gerendert wird. Sie übersetzt Pointer-Interaktionen durch koordinatenbasiertes Mapping in spezifische Zellreferenzen und unterstützt die Injektion von externem Applikations-State und Themes direkt in die Canvas-Umgebung, um einen konsistenten Datenzugriff über benutzerdefinierte Zell-Renderer hinweg zu gewährleisten. Das Grid unterstützt komplexe Layout-Konfigurationen, einschließlich fixierter Zeilen und Spalten, verbundener Zellen und in der Größe anpassbarer Header. Zudem bietet es Tools zur Organisation von Informationen in hierarchischen, baumbasierten Strukturen, um verschachtelte Datenbeziehungen abzubilden. Die Bibliothek wird als Set von React-Primitives bereitgestellt, die sich in bestehende Webanwendungen integrieren lassen, um den Scroll-Status und das Layout-Reconciliation für komplexe Daten-Interfaces zu verwalten.

    Optimizes rendering performance by displaying only visible cells to handle massive data volumes efficiently.

    TypeScriptcanvasdatagriddeclarative
    Auf GitHub ansehen↗633
  1. Home
  2. User Interface & Experience
  3. Virtualized Data Tables

Unter-Tags erkunden

  • Editable Data TablesStructured data grids that support both high-performance virtual scrolling and in-place data editing. **Distinct from Virtualized Data Tables:** Adds the capability of interactivity and editing to the base virtualized data rendering concept.