17 dépôts
Styling utilities for data tables.
Distinguishing note: Focuses on table-specific layout and readability enhancements.
Explore 17 awesome GitHub repositories matching user interface & experience · Table Components. Refine with filters or upvote what's useful.
Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation
Provides utilities to improve data readability by applying consistent spacing, borders, and striped row modifiers to tables.
Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo
Configures responsive table displays by stacking cells on mobile devices or arranging records into custom grid patterns.
ChartDB is a database schema visualizer and entity-relationship diagramming platform designed to help developers understand, design, and document complex data architectures. It functions as a visual workspace where users can create and modify database schemas, define table attributes, and map foreign key relationships. By parsing database metadata or SQL scripts, the tool generates interactive diagrams that provide a clear overview of structural interdependencies and data associations. The platform distinguishes itself through its focus on automated documentation and schema synchronization. I
The tool allows users to apply specific colors to individual tables to visually group related entities or highlight key components within a complex schema.
Wagtail is an open-source content management system built on the Django web framework. It provides a structured, tree-based approach to content modeling, allowing developers to define custom page types and reusable content components that are managed through a highly customizable administrative interface. The platform distinguishes itself through its flexible, block-based content composition system, which enables editors to assemble complex page layouts dynamically. It also offers robust support for multi-site and multi-lingual environments, allowing organizations to manage distinct websites
Provides flexible table components for content pages that support nested block types within cells.
Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz
Applies consistent spacing and clean visual formatting to standard data tables.
Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing. The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay
Transforms traditional data grids into mobile-friendly card layouts based on the viewport width.
FTXUI is a C++ terminal user interface library and cross-platform console framework used for building interactive command line applications. It functions as a declarative terminal layout engine and a component-based UI toolkit that enables the creation of responsive interfaces. The library is distinguished by its terminal graphics and animation capabilities, allowing for the rendering of custom shapes, data plots, and smooth visual transitions using easing functions. It provides a comprehensive set of interactive widgets and a layout system utilizing flexbox and grid containers that adapt to
Organizes content into aligned paragraphs and styled data tables for clear display.
DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with sorting, paging, filtering, and server-side processing support. It provides a client-side rendering engine that handles table rows, pagination, and sorting entirely in the browser, while also offering a server-side processing pipeline that offloads sorting, filtering, and paging operations to a backend for efficient handling of large datasets. The library distinguishes itself through its plugin-based extension system, which allows custom functions and widgets to modify table beh
Automatically reflows table layout to fit mobile, tablet, and desktop viewports.
Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi
Ships an index table component for displaying and navigating collections of objects at a glance.
Ce projet est un thème visuel minimaliste et un framework CSS personnalisable pour Obsidian. Il fonctionne comme un moteur de mise en page Markdown et une interface utilisateur adaptative conçue pour éliminer le superflu et créer un environnement d'écriture sans distraction. Le thème se distingue par des transformations de mise en page qui convertissent les tableaux et listes Markdown standards en grilles de cartes et galeries visuelles. Il fournit un système pour transformer des données structurées en représentations visuelles lisibles et organise les images consécutives en grilles colonnaires. Le framework couvre une personnalisation esthétique complète de l'interface, incluant la typographie, les couleurs et l'épaisseur des lignes. Il inclut des fonctionnalités de mise à l'échelle responsive pour mobile et desktop, un style personnalisé pour les cases à cocher des tâches et des filtres visuels pour les images.
Transforms standard markdown tables and lists into scannable, card-based visual layouts.
Ce projet est un modèle administratif basé sur React et un kit UI conçu pour construire des tableaux de bord. Il fournit une collection complète de mises en page pré-stylisées, une bibliothèque de composants accessible et un framework UI basé sur Sass pour créer des interfaces administratives. Le modèle est spécifiquement structuré comme un projet optimisé pour l'IA, utilisant des modèles de codage et une organisation conçus pour aider les assistants IA à générer du code React cohérent et prêt pour la production. Il dispose d'un système de style flexible utilisant des variables Sass et des propriétés personnalisées CSS pour prendre en charge des thèmes clairs et sombres personnalisables. Le kit couvre un large éventail de capacités d'interface, y compris des widgets de visualisation de données, des tableaux interactifs avec tri et pagination, et des éléments de formulaire complexes comme des assistants multi-étapes. Il inclut des systèmes de navigation de haut niveau tels que des barres latérales et des fils d'ariane, ainsi que des composants structurels comme des grilles réactives, des boîtes de dialogue modales et des interfaces de calendrier accessibles.
Wraps table content in horizontally scrollable containers to prevent layout overflow on small screens.
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
Provides tables with responsive layouts that adapt their display based on screen size.
Ce projet est un tracker de compétition académique et un dépôt de métriques qui fournit les taux historiques de soumission et d'acceptation pour les principales conférences de recherche en intelligence artificielle. Il sert de jeu de données de statistiques de conférences IA pour surveiller les tendances de la compétition en recherche. Le dépôt permet le suivi des taux d'acceptation des conférences pour analyser les données historiques, évaluer la compétitivité des publications et surveiller la croissance d'année en année des volumes de soumission à travers les lieux de machine learning. Le projet est implémenté sous forme de site statique qui utilise un stockage de données basé sur Markdown et un parsing piloté par schéma pour rendre des tableaux de données réactifs.
Implements responsive table containers that ensure conference data remains usable on smaller screens.
dcat-admin est un framework de panneau d'administration Laravel utilisé pour construire rapidement des interfaces d'administration pilotées par les données. Il fonctionne comme un générateur de CRUD et un outil de scaffolding backend qui produit automatiquement des interfaces de création, lecture, mise à jour et suppression basées sur les schémas de tables de base de données. Le système se distingue par une architecture d'extension basée sur des plugins et la capacité d'exécuter plusieurs instances administratives indépendantes au sein d'une seule installation. Il fournit des outils spécialisés pour mapper des API externes vers des formulaires et des tableaux, ainsi qu'un cycle de vie de formulaire piloté par les événements pour exécuter une logique personnalisée lors de la résolution et de la soumission. Le framework couvre un large éventail de domaines de capacités, notamment le contrôle d'accès basé sur les rôles pour gérer les permissions hiérarchiques, une suite complète de grilles de gestion de données avec édition en ligne et des workflows de formulaires multi-étapes. Il inclut également des outils de visualisation de données pour les tableaux de bord opérationnels et une variété d'utilitaires de gestion de contenu pour les téléchargements de fichiers volumineux par morceaux et l'édition de texte riche. Des utilitaires en ligne de commande sont fournis pour automatiser la génération de composants administratifs et de classes d'action.
Provides responsive data tables that adapt to screen size and include bulk selection capabilities via checkboxes.
Picnic est un framework CSS léger conçu pour accélérer le développement d'interfaces web responsives. Il fournit une base de style fondamentale qui applique des designs visuels directement aux éléments HTML natifs, permettant la création de mises en page propres et accessibles sans avoir besoin de noms de classes personnalisés extensifs. Le framework se distingue en implémentant des composants d'interface utilisateur interactifs — tels que des modales, des onglets et des menus de navigation — entièrement via CSS. En utilisant des pseudo-classes et des sélecteurs de frères, il gère l'état des composants et l'interactivité sans nécessiter de logique JavaScript externe. Cette approche garantit que les éléments d'interface complexes restent fonctionnels et légers. La bibliothèque inclut une suite complète d'outils structurels et présentationnels, y compris un système de grille basé sur flexbox, l'empilement vertical d'éléments et des moteurs de mise en page responsives qui s'ajustent automatiquement aux différentes tailles d'écran. Elle fournit également un style standardisé pour la présentation des données, comme les tableaux et les cartes, ainsi que des composants d'entrée spécialisés comme des zones de téléchargement de fichiers par glisser-déposer et des infobulles contextuelles.
Implements a formatting system to ensure data tables remain readable across various screen sizes.
React Base Table est une bibliothèque de composants d'interface réutilisables conçus pour construire des grilles de données complexes et réactives au sein d'applications web. Elle fournit une base haute performance pour le rendu de grands ensembles de données en utilisant la virtualisation de lignes basée sur la fenêtre, ce qui garantit que l'interface utilisateur reste réactive même lors de l'affichage de vastes collections de données. La bibliothèque se distingue par des capacités de mise en page et de navigation flexibles, y compris la prise en charge de structures de données hiérarchiques qui peuvent être rendues sous forme de lignes d'arborescence extensibles. Elle permet un contrôle précis sur la géométrie du tableau grâce au dimensionnement proportionnel des colonnes et au suivi automatique des conteneurs, tout en permettant aux utilisateurs d'épingler des colonnes spécifiques aux bords de la fenêtre d'affichage pour maintenir la visibilité lors du défilement horizontal. Les développeurs peuvent créer des affichages de données hautement personnalisés en injectant des composants personnalisés directement dans les cellules du tableau et en appliquant des remplacements de style pour répondre à des exigences de conception spécifiques. Le système s'ajuste automatiquement aux changements de taille du conteneur parent, garantissant que la mise en page du tableau reste cohérente sur différentes dimensions d'écran et configurations d'interface.
Updates table dimensions automatically in response to parent container size changes.
Cette bibliothèque est un composant de grille de données haute performance pour les applications React, conçu pour gérer et afficher de grands jeux de données. Elle fournit un système de configuration déclaratif qui permet aux développeurs de définir des structures de tableaux, des sources de données et des bascules de fonctionnalités via un schéma d'objet structuré. La bibliothèque se distingue par un moteur de mise en page flexible qui prend en charge des exigences d'interface utilisateur complexes, telles que l'épinglage des en-têtes et de colonnes spécifiques aux bords de la fenêtre d'affichage lors du défilement. Elle utilise un rendu virtualisé pour maintenir la réactivité de l'interface en affichant uniquement le sous-ensemble visible de données, garantissant des performances cohérentes quel que soit le nombre total d'éléments. Au-delà de ses capacités de mise en page et de performance de base, le projet offre des options de personnalisation étendues. Les développeurs peuvent injecter des composants React personnalisés pour définir l'apparence et le comportement des cellules individuelles et appliquer des styles visuels via des variables CSS à portée, permettant une présentation de données sur mesure sans modifier la logique interne des composants.
Provides a highly customizable table component design for tailored data presentation.