17 Repos
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.
Dieses Projekt ist ein minimalistisches Visual-Theme und ein anpassbares CSS-Framework für Obsidian. Es fungiert als Markdown-Layout-Engine und adaptive Benutzeroberfläche, die darauf ausgelegt ist, Interface-Ballast zu entfernen und eine ablenkungsfreie Schreibumgebung zu schaffen. Das Theme zeichnet sich durch Layout-Transformationen aus, die Standard-Markdown-Tabellen und -Listen in kartenbasierte Raster und visuelle Galerien umwandeln. Es bietet ein System, um strukturierte Daten in scannbare visuelle Darstellungen zu überführen und aufeinanderfolgende Bilder in spaltenbasierten Rastern zu organisieren. Das Framework deckt eine umfassende Anpassung der Interface-Ästhetik ab, einschließlich Typografie, Farben und Linienstärken. Es enthält Funktionen für responsives Skalieren auf Mobil- und Desktop-Geräten, benutzerdefiniertes Styling für Aufgaben-Checklisten und visuelle Bildfilter.
Transforms standard markdown tables and lists into scannable, card-based visual layouts.
Dieses Projekt ist ein React-basiertes Admin-Template und UI-Kit, das für den Aufbau von Dashboards entwickelt wurde. Es bietet eine umfassende Sammlung vorgestylter Layouts, eine zugängliche Komponentenbibliothek und ein Sass-basiertes UI-Framework für die Erstellung administrativer Interfaces. Das Template ist spezifisch als KI-optimiertes Projekt strukturiert und nutzt Coding-Muster und Organisation, die darauf ausgelegt sind, KI-Assistenten bei der Generierung konsistenter, produktionsreifer React-Codes zu unterstützen. Es verfügt über ein flexibles Styling-System unter Verwendung von Sass-Variablen und CSS-Custom-Properties, um anpassbare helle und dunkle Themen zu unterstützen. Das Kit deckt ein breites Spektrum an Interface-Funktionen ab, einschließlich Datenvisualisierungs-Widgets, interaktiven Tabellen mit Sortierung und Paginierung sowie komplexen Formularelementen wie Multi-Step-Wizards. Es enthält übergeordnete Navigationssysteme wie Sidebars und Breadcrumbs sowie strukturelle Komponenten wie responsive Grids, modale Dialoge und zugängliche Kalender-Interfaces.
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.
Dieses Projekt ist ein Tracker für akademische Wettbewerbe und ein Metriken-Repository, das historische Einreichungs- und Akzeptanzraten für große Konferenzen der KI-Forschung bereitstellt. Es dient als Datensatz für KI-Konferenzstatistiken, um Trends im Forschungswettbewerb zu überwachen. Das Repository ermöglicht die Verfolgung von Konferenz-Akzeptanzraten, um historische Daten zu analysieren, die Wettbewerbsfähigkeit von Publikationen zu bewerten und das jährliche Wachstum der Einreichungsvolumina über Machine-Learning-Veranstaltungen hinweg zu überwachen. Das Projekt ist als statische Website implementiert, die Markdown-basierte Datenspeicherung und schema-gesteuertes Parsing verwendet, um responsive Datentabellen zu rendern.
Implements responsive table containers that ensure conference data remains usable on smaller screens.
dcat-admin ist ein Laravel-Admin-Panel-Framework, das verwendet wird, um datengesteuerte Administrationsschnittstellen schnell zu erstellen. Es fungiert als CRUD-Generator und Backend-Scaffolding-Tool, das automatisch Schnittstellen zum Erstellen, Lesen, Aktualisieren und Löschen basierend auf Datenbanktabellenschemata produziert. Das System zeichnet sich durch eine plugin-basierte Erweiterungsarchitektur und die Möglichkeit aus, mehrere unabhängige administrative Instanzen innerhalb einer einzigen Installation auszuführen. Es bietet spezialisierte Tools für das Mapping externer APIs auf Formulare und Tabellen sowie einen ereignisgesteuerten Formular-Lebenszyklus für die Ausführung benutzerdefinierter Logik während der Auflösung und Übermittlung. Das Framework deckt ein breites Spektrum an Funktionsbereichen ab, einschließlich rollenbasierter Zugriffskontrolle für die Verwaltung hierarchischer Berechtigungen, einer umfassenden Suite von Datenverwaltungs-Grids mit Inline-Bearbeitung und mehrstufigen Formular-Workflows. Es enthält zudem Datenvisualisierungstools für operative Dashboards und eine Vielzahl von Content-Handling-Utilities für stückweise große Datei-Uploads und Rich-Text-Bearbeitung. Kommandozeilen-Utilities werden bereitgestellt, um die Generierung administrativer Komponenten und Action-Klassen zu automatisieren.
Provides responsive data tables that adapt to screen size and include bulk selection capabilities via checkboxes.
Picnic ist ein leichtgewichtiges CSS-Framework, das darauf ausgelegt ist, die Entwicklung responsiver Web-Interfaces zu beschleunigen. Es bietet eine grundlegende Styling-Basis, die visuelle Designs direkt auf native HTML-Elemente anwendet, was die Erstellung sauberer und zugänglicher Layouts ohne umfangreiche benutzerdefinierte Klassennamen ermöglicht. Das Framework zeichnet sich dadurch aus, dass es interaktive UI-Komponenten – wie Modals, Tabs und Navigationsmenüs – vollständig mittels CSS implementiert. Durch die Nutzung von Pseudo-Klassen und Sibling-Selektoren verwaltet es den Komponentenstatus und die Interaktivität, ohne dass externe JavaScript-Logik erforderlich ist. Dieser Ansatz stellt sicher, dass komplexe Interface-Elemente funktional und leichtgewichtig bleiben. Die Bibliothek enthält eine umfassende Suite an strukturellen und präsentationsorientierten Tools, einschließlich eines Flexbox-basierten Grid-Systems, vertikaler Element-Stapelung und responsiver Layout-Engines, die sich automatisch an verschiedene Bildschirmgrößen anpassen. Sie bietet zudem standardisiertes Styling für die Datendarstellung, wie Tabellen und Karten, neben spezialisierten Eingabekomponenten wie Drag-and-Drop-Upload-Zonen und kontextuellen Tooltips.
Implements a formatting system to ensure data tables remain readable across various screen sizes.
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.
Updates table dimensions automatically in response to parent container size changes.
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.
Provides a highly customizable table component design for tailored data presentation.