Awesome GitHub RepositoriesData Grid Customization

DBeaver is a universal database client and administration environment designed for managing diverse relational and non-relational database systems. It provides a unified graphical interface that enables users to perform data manipulation, schema migration, and performance monitoring across multiple platforms. By utilizing a standardized driver abstraction layer, the application translates generic requests into database-specific commands, ensuring consistent interaction regardless of the underlying technology. The project distinguishes itself through an extensible, plugin-based architecture th

react-datasheet ist eine React-Datengitter-Komponente und ein tabellarischer Editor, der eine interaktive Tabellenkalkulations-Schnittstelle bietet. Er ist für die Verwaltung tabellarischer Daten mit integrierter Unterstützung für Zellbearbeitung und Tastaturnavigation konzipiert. Das Projekt zeichnet sich durch seine Flexibilität in Rendering und Struktur aus, was den Austausch von Standard-Tabellenelementen durch benutzerdefiniertes Markup wie Listen oder Divs ermöglicht. Es unterstützt benutzerdefiniertes Zell-Rendering durch ein Mapping-System, das Standardzellen basierend auf Zellmetadaten durch spezialisierte Komponenten ersetzt. Die Komponente deckt breite Funktionen für das Management tabellarischer Daten ab, einschließlich Zustandsverfolgung für Bearbeitungen, Bereichslöschungen und das Einfügen von Daten. Sie bietet zudem Steuerelemente für das Zellverhalten, wie z. B. die Definition des Read-Only-Status und das Spanning von Spalten.

ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells. The component is distinguished by its high-performance virtual scrolling grid, which renders only visible rows to optimize memory and CPU usage. It provides an interactive interface for managing data through row selection, column reordering, and expandable detail views. The project covers a broad set of capabilities including colum

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.

Diese Bibliothek ist eine React-Komponente für das Rendering von Hochleistungs-Datengittern. Sie bietet ein strukturiertes Framework zur Anzeige großer Datensätze durch die Nutzung von Fenster-basierter Zeilen-Virtualisierung, die sicherstellt, dass nur der sichtbare Teil der Daten im Document Object Model (DOM) gerendert wird. Die Komponente zeichnet sich durch fortschrittliche Layout- und Navigationsfunktionen aus, einschließlich nativer Unterstützung für Sticky-Header und Spalten, die beim Scrollen verankert bleiben. Entwickler können imperative Kontrolle über den Tabellen-Viewport ausüben, um zu bestimmten Indizes oder Pixel-Offsets zu navigieren, während komplexe Grid-Zustände wie Spaltensichtbarkeit, Sortierung und Zeilenerweiterung über eine zentrale Konfiguration verwaltet werden. Die Bibliothek unterstützt eine breite Palette interaktiver Funktionen, einschließlich benutzerdefiniertem Zell-Rendering, Spalten-Pinning und der Möglichkeit, Zusammenfassungszeilen für aggregierte Daten anzuhängen. Sie verarbeitet dichte Informationssätze durch flexible Spaltenausrichtung, Breitensteuerung und Textkürzung, was die Erstellung interaktiver Tabellen ermöglicht, die auf Benutzerereignisse wie Klicks und Hover reagieren.

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.