17 repository-uri
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.
Acest proiect este o temă vizuală minimalistă și un framework CSS personalizabil pentru Obsidian. Acesta funcționează ca un motor de layout pentru markdown și o interfață adaptivă, concepută pentru a elimina elementele inutile și a crea un mediu de scriere fără distrageri. Tema se remarcă prin transformări de layout care convertesc tabelele și listele standard markdown în grile bazate pe carduri și galerii vizuale. Oferă un sistem pentru transformarea datelor structurate în reprezentări vizuale ușor de parcurs și organizează imaginile consecutive în grile pe coloane. Framework-ul acoperă personalizarea estetică completă a interfeței, inclusiv tipografia, culorile și grosimea liniilor. Include capabilități pentru scalare responsivă pe dispozitive mobile și desktop, stilizarea personalizată a checkbox-urilor pentru sarcini și filtre vizuale pentru imagini.
Transforms standard markdown tables and lists into scannable, card-based visual layouts.
Acest proiect este un șablon administrativ bazat pe React și un kit UI conceput pentru construirea de dashboard-uri. Oferă o colecție cuprinzătoare de layout-uri pre-stilizate, o bibliotecă de componente accesibile și un framework UI bazat pe Sass pentru crearea interfețelor administrative. Șablonul este structurat în mod specific ca un proiect optimizat pentru AI, utilizând tipare de codare și organizare concepute pentru a ajuta asistenții AI să genereze cod React consistent și gata de producție. Dispune de un sistem de stilizare flexibil folosind variabile Sass și proprietăți personalizate CSS pentru a suporta teme personalizabile light și dark. Kit-ul acoperă o gamă largă de capabilități de interfață, inclusiv widget-uri de vizualizare a datelor, tabele interactive cu sortare și paginare, și elemente de formular complexe precum wizard-uri multi-pas. Include sisteme de navigare de nivel înalt, cum ar fi bare laterale și breadcrumbs, precum și componente structurale precum grile responsive, dialoguri modale și interfețe de calendar accesibile.
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.
Acest proiect este un tracker de competiții academice și un repository de metrici care oferă rate istorice de trimitere și acceptare pentru principalele conferințe de cercetare în inteligență artificială. Servește drept set de date cu statistici ale conferințelor AI pentru a monitoriza tendințele competiției în cercetare. Repository-ul permite urmărirea ratelor de acceptare la conferințe pentru a analiza datele istorice, a evalua competitivitatea publicațiilor și a monitoriza creșterea de la an la an a volumelor de trimitere în cadrul conferințelor de machine learning. Proiectul este implementat ca un site static care utilizează stocarea datelor bazată pe Markdown și parsarea bazată pe schemă pentru a randa tabele de date responsive.
Implements responsive table containers that ensure conference data remains usable on smaller screens.
dcat-admin este un framework de panou de administrare Laravel utilizat pentru a construi rapid interfețe administrative bazate pe date. Funcționează ca un generator CRUD și instrument de scaffolding backend care produce automat interfețe de creare, citire, actualizare și ștergere bazate pe schemele tabelelor din baza de date. Sistemul se distinge printr-o arhitectură de extensii bazată pe plugin-uri și capacitatea de a rula mai multe instanțe administrative independente într-o singură instalare. Oferă instrumente specializate pentru maparea API-urilor externe către formulare și tabele, precum și un ciclu de viață al formularului bazat pe evenimente pentru executarea de logică personalizată în timpul rezoluției și trimiterii. Framework-ul acoperă o gamă largă de domenii de capabilități, inclusiv controlul accesului bazat pe roluri (RBAC) pentru gestionarea permisiunilor ierarhice, o suită completă de grile de gestionare a datelor cu editare inline și fluxuri de lucru pentru formulare în mai mulți pași. Include, de asemenea, instrumente de vizualizare a datelor pentru dashboard-uri operaționale și o varietate de utilitare de manipulare a conținutului pentru încărcări de fișiere mari și editare text îmbogățit. Sunt furnizate utilitare de linie de comandă pentru a automatiza generarea componentelor administrative și a claselor de acțiune.
Provides responsive data tables that adapt to screen size and include bulk selection capabilities via checkboxes.
Picnic este un framework CSS ușor, conceput pentru a accelera dezvoltarea interfețelor web responsive. Oferă o bază de stilizare fundamentală care aplică design-uri vizuale direct pe elementele HTML native, permițând crearea de layout-uri curate și accesibile fără a fi nevoie de nume de clase personalizate extinse. Framework-ul se distinge prin implementarea componentelor UI interactive — cum ar fi modale, tab-uri și meniuri de navigare — în întregime prin CSS. Prin utilizarea pseudo-claselor și a selectorilor de tip sibling, gestionează starea componentelor și interactivitatea fără a necesita logică JavaScript externă. Această abordare asigură că elementele complexe de interfață rămân funcționale și ușoare. Biblioteca include o suită cuprinzătoare de instrumente structurale și de prezentare, inclusiv un sistem de grid bazat pe flexbox, stivuirea verticală a elementelor și motoare de layout responsive care se ajustează automat la diferite dimensiuni de ecran. Oferă, de asemenea, stilizare standardizată pentru prezentarea datelor, cum ar fi tabele și carduri, alături de componente de input specializate, cum ar fi zone de upload de fișiere drag-and-drop și tooltip-uri contextuale.
Implements a formatting system to ensure data tables remain readable across various screen sizes.
React Base Table este o bibliotecă de componente de interfață reutilizabile concepute pentru construirea de grile de date complexe și responsive în aplicații web. Oferă o fundație de înaltă performanță pentru randarea seturilor mari de date prin utilizarea virtualizării rândurilor bazată pe fereastră, ceea ce asigură că interfața utilizatorului rămâne responsivă chiar și atunci când afișează colecții extinse de date. Biblioteca se distinge prin capabilități flexibile de layout și navigare, inclusiv suport pentru structuri de date ierarhice care pot fi randate ca rânduri de tip arbore expandabile. Permite controlul precis asupra geometriei tabelului prin dimensionarea proporțională a coloanelor și urmărirea automată a containerului, permițând în același timp utilizatorilor să fixeze coloane specifice la marginile viewport-ului pentru a menține vizibilitatea în timpul scroll-ului orizontal. Dezvoltatorii pot crea afișări de date extrem de personalizate prin injectarea de componente custom direct în celulele tabelului și aplicarea de override-uri de stil pentru a îndeplini cerințe specifice de design. Sistemul se ajustează automat la schimbările dimensiunii containerului părinte, asigurând că layout-ul tabelului rămâne consistent pe diferite dimensiuni de ecran și configurații de interfață.
Updates table dimensions automatically in response to parent container size changes.
This library is a high-performance data grid component for React applications, designed to manage and display large datasets. It provides a declarative configuration system that allows developers to define table structures, data sources, and feature toggles through a structured object schema. The library distinguishes itself through a flexible layout engine that supports complex UI requirements, such as pinning headers and specific columns to viewport edges during scrolling. It utilizes virtualized rendering to maintain interface responsiveness by displaying only the visible subset of data, e
Provides a highly customizable table component design for tailored data presentation.