awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

9 repository-uri

Awesome GitHub RepositoriesComponent-Based Cell Rendering

Using custom UI components to render the content of grid cells.

Distinct from Custom Cell Subclassing: Distinct from Custom Cell Subclassing by focusing on the mapping of data to components rather than class inheritance.

Explore 9 awesome GitHub repositories matching user interface & experience · Component-Based Cell Rendering. Refine with filters or upvote what's useful.

Awesome Component-Based Cell Rendering GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • nadbm/react-datasheetAvatar nadbm

    nadbm/react-datasheet

    5,445Vezi pe GitHub↗

    react-datasheet este o componentă de tip grid de date și editor tabelar pentru React, care oferă o interfață interactivă de tip foaie de calcul. Este concepută pentru gestionarea datelor tabelare cu suport integrat pentru editarea celulelor și navigarea prin tastatură. Proiectul se distinge prin flexibilitatea în randare și structură, permițând înlocuirea elementelor standard de tabel cu markup personalizat, cum ar fi liste sau div-uri. Suportă randarea personalizată a celulelor printr-un sistem de mapare care înlocuiește celulele implicite cu componente specializate bazate pe metadatele celulei. Componenta acoperă capabilități largi pentru gestionarea datelor tabelare, inclusiv urmărirea stării pentru editări, ștergeri de intervale și lipirea datelor. Oferă, de asemenea, controale pentru comportamentul celulelor, cum ar fi definirea stării read-only și column spanning.

    Renders data using custom React components to display specialized inputs and visual indicators.

    JavaScriptcomponentgridjavascript
    Vezi pe GitHub↗5,445
  • theorchid/platformAvatar TheOrchid

    TheOrchid/Platform

    4,791Vezi pe GitHub↗

    Platform este un framework pentru construirea de aplicații back-office și dashboard-uri administrative folosind Laravel. Acesta funcționează ca un framework UI bazat pe schemă și un generator CRUD care construiește automat interfețe de gestionare a bazelor de date, formulare de introducere și reguli de validare din definiții programatice ale modelelor. Proiectul se distinge printr-un kit UI backend cuprinzător care suportă capturarea avansată a datelor, inclusiv maparea coordonatelor geografice, matrice de date JSON tabelare și urmărirea metadatelor de marketing. Dispune de un sistem robust de control al accesului bazat pe roluri pentru gestionarea vizibilității resurselor și protecția rutelor, alături de o implementare de căutare full-text globală care indexează datele în mai multe modele. Platforma acoperă o gamă largă de capabilități, inclusiv încărcarea asincronă a datelor, sisteme de notificare multi-canal și o bibliotecă de componente de formular specializate pentru text îmbogățit și gestionarea fișierelor. De asemenea, oferă instrumente pentru vizualizarea datelor prin agregarea modelelor și grafice, precum și utilitare pentru reîmprospătarea parțială a paginii pentru a simula o experiență de aplicație single-page. Opțiunile de integrare permit conectarea controlerelor existente și a template-urilor legacy pentru a facilita o migrare graduală a funcțiilor în framework.

    Generates table cell values using functional logic or reusable components for complex data display requirements.

    PHP
    Vezi pe GitHub↗4,791
  • facebookarchive/fixed-data-tableAvatar facebookarchive

    facebookarchive/fixed-data-table

    4,269Vezi pe GitHub↗

    Fixed-data-table este o bibliotecă de componente React concepută pentru randarea seturilor mari de date în interfețe de tip grid structurate și scrollabile. Funcționează ca un tabel virtualizat, optimizând performanța prin randarea doar a rândurilor vizibile în prezent în viewport. Biblioteca se distinge prin accentul pus pe menținerea contextului în timpul navigării, utilizând layout-uri cu header fix și gestionarea sincronizată a stării de scroll. Utilizează accesul la date bazat pe index pentru a mapa informațiile către coordonate specifice ale grid-ului, permițând personalizarea modulară a celulelor și configurarea flexibilă a coloanelor. Componenta suportă gestionarea cuprinzătoare a prezentării tabelului, inclusiv redimensionarea coloanelor și ajustarea înălțimii rândurilor. Oferă control programatic asupra comportamentului de scroll, permițând sincronizarea mișcării tabelului cu elemente de interfață externe sau gesturi personalizate.

    Provides a mechanism for injecting custom React components into grid cells to allow flexible and modular data formatting.

    JavaScript
    Vezi pe GitHub↗4,269
  • wojtekmaj/react-calendarAvatar wojtekmaj

    wojtekmaj/react-calendar

    3,782Vezi pe GitHub↗

    react-calendar is a customizable date grid and picker for React applications. It provides an interactive interface for selecting single or multiple dates and navigating between months and years. The component uses browser internationalization APIs to format months and days, enabling multilingual date formatting for different global regions. It allows for external customization through prop-driven render overrides to replace default date cell displays. The library handles the underlying date calculations and state-driven navigation required for scheduling interfaces and date-based grids.

    Allows users to replace default date cell displays using custom UI components.

    TypeScriptcalendardatedate-picker
    Vezi pe GitHub↗3,782
  • autodesk/react-base-tableAvatar Autodesk

    Autodesk/react-base-table

    1,536Vezi pe GitHub↗

    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ță.

    Allows developers to inject custom components directly into table cells for highly tailored data displays.

    TypeScriptcomponentgridreact
    Vezi pe GitHub↗1,536
  • react-component/tableAvatar react-component

    react-component/table

    1,372Vezi pe GitHub↗

    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.

    Allows developers to inject custom React components into grid cells for flexible and complex data visualization.

    TypeScript
    Vezi pe GitHub↗1,372
  • schrodinger/fixed-data-table-2Avatar schrodinger

    schrodinger/fixed-data-table-2

    1,304Vezi pe GitHub↗

    Acest proiect este o bibliotecă de tip data grid concepută pentru construirea de tabele complexe și interactive în aplicațiile React. Oferă o suită de componente modulare care permit afișarea informațiilor structurate, suportând atât randarea personalizată a celulelor, cât și configurații flexibile ale coloanelor pentru a acomoda diverse nevoi de prezentare a datelor. Biblioteca este construită pentru a gestiona seturi mari de date prin utilizarea randării virtualizate, care asigură performanțe ridicate prin procesarea doar a subsetului de rânduri vizibile în prezent în viewport. Se distinge prin suportul pentru înălțimi dinamice ale rândurilor și controlul programatic al scroll-ului, permițând navigarea precisă și ajustările de layout chiar și atunci când se gestionează mii de intrări de date. Dincolo de randarea de bază, biblioteca facilitează interacțiunea utilizatorului prin funcționalități precum coloane redimensionabile și scroll tactil. Dezvoltatorii pot defini câmpuri de date personalizate și pot încapsula logica complexă a celulelor în componente reutilizabile, asigurând formatarea și comportamentul consistent în diferite părți ale interfeței unei aplicații.

    Delegates the rendering of individual cell content to modular sub-components for flexible and reusable data presentation.

    JavaScript
    Vezi pe GitHub↗1,304
  • denisraslov/react-spreadsheet-gridAvatar denisraslov

    denisraslov/react-spreadsheet-grid

    1,173Vezi pe GitHub↗

    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.

    Enables dynamic rendering of interactive editors within grid cells using custom UI components.

    JavaScriptdata-gridexcelgrid
    Vezi pe GitHub↗1,173
  • alibaba/ali-react-tableAvatar alibaba

    alibaba/ali-react-table

    979Vezi pe GitHub↗

    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

    Enables developers to inject custom React components for rendering individual grid cells.

    TypeScriptreactreact-tabletable
    Vezi pe GitHub↗979
  1. Home
  2. User Interface & Experience
  3. View Customizations
  4. Component-Based Cell Rendering