Awesome GitHub RepositoriesData Table Components

AdminLTE is a responsive dashboard framework and component library used to build administrative control panels and internal application backends. It provides a collection of HTML and CSS templates based on the Bootstrap 5 framework to create standardized layout systems for web interfaces. The project includes specialized application page templates for common administrative views, such as kanban boards, calendars, and chat interfaces. It also features built-in support for visual theme adaptations, including native dark mode and right-to-left layouts. The library covers a range of UI developme

This project is a human resources management system built using Spring Boot and Vue. It serves as a platform for managing employee records, professional titles, and organizational hierarchies. The system features a role-based access control framework that maps users to specific roles and resources to secure API endpoints and user interface elements. It includes a real-time communication hub utilizing WebSockets for internal corporate chat and system notifications, as well as a dedicated manager for defining and modifying nested organizational department structures. Additional capabilities co

Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

Vue Material is a comprehensive UI toolkit and framework for Vue.js that implements the Material Design specification. It provides a suite of pre-built, themed components designed to create consistent and responsive web applications. The library features dynamic theme support for runtime color scheme changes and automatic accessibility contrast management. It is designed for compatibility with server-side rendering to improve initial load times and search engine optimization, and it includes internationalization support for locale translation and text direction adjustments. The toolkit cover

This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

Ce projet est un composant de tableau de données React intégré avec shadcn/ui. Il fournit un ensemble de grilles de données tabulaires qui prennent en charge le tri, le filtrage et la pagination. L'implémentation inclut une grille de données virtualisée et un tableau à défilement infini, qui permettent le rendu de grands jeux de données en chargeant les enregistrements de manière incrémentale ou en n'affichant que les éléments visibles dans la fenêtre d'affichage. Il fonctionne également comme un tableau collaboratif en temps réel, permettant à plusieurs utilisateurs de gérer et d'éditer des jeux de données partagés simultanément. Le composant couvre la gestion interactive des données et la visualisation de données complexes. Cela inclut la capacité de gérer la sélection de lignes via des barres d'action contextuelles et l'utilisation d'un filtrage basé sur la définition des colonnes pour organiser les enregistrements.

This project is a neobrutalist UI component library and accessible design system for React. It provides a collection of high-contrast web elements characterized by bold colors, thick borders, and a raw aesthetic. The library distinguishes itself by combining a data visualization toolkit—featuring styled charts and responsive tables—with a comprehensive set of interactive components. It balances this specific visual style with accessibility standards for keyboard navigation and screen readers. The component surface covers a wide range of functional areas, including complex form controls with

Fixed-data-table est une bibliothèque de composants React conçue pour le rendu de grands ensembles de données au sein d'interfaces de grille structurées et défilables. Elle fonctionne comme une table virtualisée, optimisant les performances en ne rendant que les lignes actuellement visibles dans la fenêtre d'affichage. La bibliothèque se distingue par son accent sur le maintien du contexte pendant la navigation, utilisant des mises en page à en-tête fixe et une gestion d'état de défilement synchronisée. Elle emploie un accès aux données basé sur l'index pour mapper les informations vers des coordonnées de grille spécifiques, permettant une personnalisation modulaire des cellules et une configuration flexible des colonnes. Le composant prend en charge une gestion complète de la présentation de la table, incluant le redimensionnement des colonnes et les ajustements de hauteur de ligne. Il fournit un contrôle programmatique sur le comportement de défilement, permettant la synchronisation du mouvement de la table avec des éléments d'interface externes ou des gestes personnalisés.

Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a

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

Ce projet fournit une collection de modèles de tableau de bord administratif pré-construits et un kit d'interface utilisateur complet conçu pour construire des applications de gestion professionnelles. Il est construit sur le framework Bootstrap, offrant un ensemble de thèmes réactifs et de blocs de mise en page qui s'adaptent à diverses tailles d'écran. Le framework se distingue en fournissant des blocs de construction modulaires et réutilisables qui permettent aux développeurs d'assembler des interfaces administratives complexes. Il inclut des composants spécialisés pour la gestion de grille de données, permettant l'organisation, le tri et le filtrage de grands jeux de données, parallèlement à des outils déclaratifs pour rendre des graphiques et des diagrammes statistiques afin de visualiser les tendances. La boîte à outils couvre un large éventail d'exigences d'interface, y compris des éléments interactifs comme des modales, des info-bulles et des alertes pour guider le comportement de l'utilisateur. Ces composants sont stylisés en utilisant un ensemble prédéfini de classes CSS qui correspondent aux éléments HTML standard, soutenus par un système de grille réactif pour une composition de mise en page flexible.