18 repository-uri
UI elements that provide dynamic functionality like sorting, filtering, or pagination for tabular data.
Distinguishing note: Focuses on the interactive UI behavior of tables rather than the underlying data storage or structure.
Explore 18 awesome GitHub repositories matching user interface & experience · Interactive Table Components. Refine with filters or upvote what's useful.
This project is a comprehensive documentation site framework and static site generator theme designed to transform markdown files into professional, responsive websites. It functions as a technical content platform that supports complex documentation projects, including multi-project management, blog workflows, and advanced content formatting. By processing source files through an extensible pipeline, it generates self-contained HTML sites that can be hosted on any web server without a database. What distinguishes this framework is its focus on developer experience and highly configurable bui
The documentation generator enables interactive column sorting for data tables by integrating a third-party library via additional JavaScript configuration.
Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a
Ships high-performance interactive data grids that allow for sorting and manipulation of large datasets.
Gentelella is a collection of pre-configured interface templates and a component library designed for building administration panels, data dashboards, and internal management consoles. It provides a Bootstrap 5 based framework that includes accessible web interface templates and PWA-ready dashboard shells. The project features specialized templates for data visualization, utilizing modular chart factories to render line, bar, radar, and heatmap visualizations. It includes a set of ready-to-use interface elements for enterprise prototyping, such as kanban boards, file managers, and interactive
Includes interactive data table components with built-in support for sorting, searching, pagination, and data export.
gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection of reusable user interface elements, a desktop layout engine for organizing application space, and a specialized data visualization library for rendering quantitative information. The project is distinguished by its high-performance rendering systems, including a virtualized data grid and list system designed to handle large datasets with low memory overhead. It also features a comprehensive data visualization toolkit for rendering charts, axes, and coordinate scales using li
Handles user interaction for data grids including sorting, filtering, and column reconfiguration.
JUCE is a comprehensive C++ audio framework and digital signal processing library used to build cross-platform audio applications, audio plug-ins, and high-performance user interfaces. It serves as a development kit for creating audio processors compatible with industry-standard plugin formats for digital audio workstations, as well as a tool for MIDI and Open Sound Control communication between musical hardware and software. The framework is distinguished by its ability to maintain a single codebase for native desktop and mobile applications across multiple operating systems. It provides a f
Provides the ability to place interactive components like buttons or sliders directly inside table cells.
JimuReport is an open-source reporting and dashboard engine designed to be embedded directly into Spring Boot applications. Its core identity centers on generating data reports and full-screen dashboards from natural language descriptions, eliminating the need for manual design. The platform also provides a conversational query interface that translates plain-language questions into database queries, returning results as tables and charts without requiring SQL knowledge. What distinguishes JimuReport is its integration of AI skills that can be installed with a single command, enabling report
Includes scrolling, ranking, and standard table components for displaying detailed data within a dashboard.
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
Implements interactive table components with dynamic cell editing, column resizing, and row selection.
Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure
Provides an interactive table library for creating dynamic grids with sorting, filtering, and pagination.
Renders query results as an interactive data table that can be filtered, sorted, and have columns selected.
This is a pre-built Laravel application scaffolding that provides a ready-to-use administration interface with user, role, and permission management out of the box. It serves as a foundation for building backend applications, offering an authorization system that assigns and restricts user actions through roles and permissions using a dedicated package. The boilerplate includes a multilingual interface with over 20 built-in language translations and timezone-aware date display for global audiences. It also provides a two-factor authentication implementation that adds an extra security layer d
Delivers interactive data tables with server-side sorting, searching, and pagination via reusable Blade components.
Vuesax este un framework frontend și o bibliotecă de componente UI pentru aplicații Vue.js. Oferă un sistem de design personalizabil și un set de elemente de interfață utilizator pre-stilizate, concepute pentru a accelera dezvoltarea interfețelor web. Proiectul se distinge printr-un toolkit vizual temabil care suportă actualizări dinamice de culoare și personalizarea stilurilor pe partea de server pentru a menține identitatea brandului. De asemenea, dispune de o componentă specializată de tabel de date cu suport integrat pentru editarea celulelor inline și procesare pe partea de server pentru paginare, filtrare și sortare. Biblioteca acoperă o suprafață largă de capabilități UI, inclusiv un sistem de grilă responsiv cu douăsprezece coloane, elemente de formular cuprinzătoare și diverse instrumente de layout, cum ar fi carduri de conținut și liste colapsabile. Include, de asemenea, utilitare de navigare precum bare laterale și breadcrumbs, precum și o gamă de overlay-uri, inclusiv dialoguri modale, notificări de sistem și tooltips.
Supports delegating data processing tasks like filtering, sorting, and pagination to a server-side API.
smartTable este o componentă de grilă de date și un framework de vizualizare tabelară pentru Android. Funcționează ca o bibliotecă UI bazată pe adnotări care utilizează markere de clasă și câmp pentru a mapa automat modelele de date către coloane vizuale și a defini proprietățile tabelului. Proiectul se distinge prin integrarea profundă cu foile de calcul, oferind instrumente pentru a importa și exporta date către și din fișiere Excel, păstrând în același timp formatarea celulelor, stilurile, culorile și alinierea. De asemenea, dispune de un sistem de randare bazat pe canvas care suportă layout-uri de grilă complexe cu celule îmbinate, antete înghețate și blocarea coloanelor. Biblioteca acoperă o gamă largă de capabilități de gestionare a datelor, inclusiv sortarea, agregarea și calculul statisticilor pe coloane. Gestionează seturi mari de date prin paginare virtuală, controale de zoom și formatare condiționată a celulelor pentru a menține lizibilitatea și performanța. Framework-ul este implementat în Java pentru aplicații Android.
Handles user interaction through cell and header click events and supports pinch-to-zoom navigation.
Acest proiect este o implementare server-side pentru randarea tabelelor de date interactive folosind framework-ul Laravel. Acționează ca un bridge și un wrapper API care mapează interogările bazei de date la formatul JSON specific cerut de plugin-ul jQuery DataTables. Instrumentul se concentrează pe gestionarea seturilor mari de date prin procesarea paginării, filtrării și căutării pe server, în loc să încarce toate înregistrările în browser. Acesta traduce parametrii cererii HTTP primite în interogări de bază de date pentru a se asigura că sunt preluate și serializate doar rândurile necesare. Suprafața de capabilități include maparea datelor bazată pe Eloquent, injectarea automată a căutării cu wildcard și serializarea obiectelor de răspuns. De asemenea, oferă utilitare de diagnosticare pentru depanarea interogărilor bazei de date prin adăugarea instrucțiunilor SQL executate la răspunsurile API. Pachetul oferă utilitare integrate pentru exportul datelor și editarea interactivă a tabelelor.
Renders table data by processing filtering and pagination on the server using Laravel.
Acest proiect este o colecție de modele de implementare și exemple de cod sursă pentru construirea de aplicații desktop folosind diverse biblioteci de interfață Python. Oferă implementări de referință și modele arhitecturale pentru mai multe framework-uri, inclusiv PyQt, PySide, Tkinter, Kivy și Streamlit. Repository-ul se distinge prin oferirea de exemple specializate pentru diverse tipuri de interfețe, variind de la software desktop profesional și ferestre native până la dashboard-uri de date web reactive și instrumente de data science. Include material de referință specific pentru modele UI cross-platform, cum ar fi layout-urile model-view și execuția asincronă a sarcinilor în fundal. Proiectul acoperă o gamă largă de capabilități, inclusiv gestionarea layout-ului, dezvoltarea de widget-uri personalizate cu animații și randarea accelerată GPU pentru vizualizări în timp real. De asemenea, demonstrează tehnici de gestionare a datelor, cum ar fi filtrarea bazată pe proxy și stilizarea datelor tabelare, precum și fluxuri de lucru de deployment pentru împachetarea codului sursă în executabile distribuibile cu active încorporate. Exemplele abordează în continuare componente UI funcționale, cum ar fi validarea input-ului, meniurile de navigare și integrarea în system tray, alături de implementări de securitate pentru autentificarea utilizatorilor și controlul accesului bazat pe roluri.
Ships mechanisms for nesting interactive components like combo boxes directly within tabular cells using delegates.
Csvlens is a command-line utility designed for the inspection and navigation of large structured tabular files. It provides a terminal-based interface that allows users to view, sort, and filter datasets directly within the command line without the memory overhead associated with loading entire files into spreadsheet applications. The tool utilizes memory-mapped file access and lazy-loading data streams to maintain a constant memory footprint, regardless of the total size of the source document. By identifying field boundaries during an initial scan, it enables efficient column-specific opera
Displays structured data in interactive tables that allow users to view, sort, and select individual records directly within the application interface.
Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering. The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou
Provides interactive table components supporting dynamic sorting, filtering, and searching of datasets.
Această bibliotecă este o componentă React concepută pentru randarea grid-urilor de date de înaltă performanță. Aceasta oferă un framework structurat pentru afișarea seturilor de date mari prin utilizarea virtualizării rândurilor bazată pe fereastră, care asigură că doar porțiunea vizibilă a datelor este randată în Document Object Model (DOM). Componenta se distinge prin capabilități avansate de layout și navigare, inclusiv suport nativ pentru headere și coloane sticky care rămân ancorate în timpul scroll-ului. Dezvoltatorii pot exercita control imperativ asupra viewport-ului tabelului pentru a naviga la indici specifici sau offset-uri de pixeli, gestionând în același timp stări complexe ale grid-ului, cum ar fi vizibilitatea coloanelor, sortarea și extinderea rândurilor printr-o configurație centralizată. Biblioteca suportă o gamă largă de funcționalități interactive, inclusiv randarea personalizată a celulelor, fixarea coloanelor (pinning) și capacitatea de a adăuga rânduri de sumar pentru date agregate. Gestionează seturi de informații dense oferind aliniere flexibilă a coloanelor, controlul lățimii și trunchierea textului, permițând crearea de tabele interactive care răspund la evenimentele utilizatorului, cum ar fi click-urile și hover-urile.
Facilitates dynamic user interactions like row expansion, click events, and programmatic navigation.
Acest proiect este o componentă de grid de date de înaltă performanță pentru React, concepută pentru a randa seturi mari de date într-o interfață de tip foaie de calcul. Oferă un framework pentru afișarea informațiilor tabelare structurate, permițând în același timp interacțiuni complexe la nivel de celulă și sarcini de gestionare a datelor. Componenta se distinge prin suportul pentru fluxuri de lucru de editare de tip foaie de calcul, inclusiv navigarea prin tastatură și posibilitatea de a injecta componente personalizate în celule individuale. Utilizatorii pot gestiona dinamic layout-ul grid-ului prin redimensionarea coloanelor și organizarea header-elor, asigurându-se că interfața se adaptează nevoilor specifice de vizualizare a datelor. Grid-ul include capabilități pentru gestionarea volumelor mari de informații prin randare cu fereastră (windowed rendering) și încărcare leneșă (lazy loading), care mențin performanța prin procesarea doar a subsetului vizibil de date. De asemenea, oferă control imperativ prin referințe la componente, permițând manipularea programatică a pozițiilor de scroll și a stărilor de selecție.
Offers a flexible library for building interactive data tables with support for complex cell interactions and dynamic layouts.