9 रिपॉजिटरी
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.
react-datasheet एक React डेटा ग्रिड कंपोनेंट और टैबुलर एडिटर है जो एक इंटरैक्टिव स्प्रेडशीट इंटरफेस प्रदान करता है। इसे सेल एडिटिंग और कीबोर्ड नेविगेशन के लिए इन-बिल्ट समर्थन के साथ टैबुलर डेटा को प्रबंधित करने के लिए डिज़ाइन किया गया है। यह प्रोजेक्ट रेंडरिंग और संरचना में अपने लचीलेपन द्वारा प्रतिष्ठित है, जो स्टैंडर्ड टेबल एलिमेंट्स को कस्टम मार्कअप जैसे लिस्ट्स या divs के साथ बदलने की अनुमति देता है। यह एक मैपिंग सिस्टम के माध्यम से कस्टम सेल रेंडरिंग का समर्थन करता है जो सेल मेटाडेटा के आधार पर डिफ़ॉल्ट सेल्स को विशेष कंपोनेंट्स के साथ स्वैप करता है। यह कंपोनेंट टैबुलर डेटा प्रबंधन के लिए व्यापक क्षमताओं को कवर करता है, जिसमें एडिट्स के लिए स्टेट ट्रैकिंग, रेंज डिलीशन और डेटा पेस्ट करना शामिल है। यह सेल व्यवहार के लिए कंट्रोल्स भी प्रदान करता है, जैसे रीड-ओनली स्टेटस और कॉलम स्पैनिंग को परिभाषित करना।
Renders data using custom React components to display specialized inputs and visual indicators.
Platform, Laravel का उपयोग करके बैक-ऑफिस एप्लिकेशन और प्रशासनिक डैशबोर्ड बनाने के लिए एक फ्रेमवर्क है। यह एक स्कीमा-संचालित UI फ्रेमवर्क और CRUD जनरेटर के रूप में कार्य करता है जो प्रोग्रामेटिक मॉडल परिभाषाओं से स्वचालित रूप से डेटाबेस मैनेजमेंट इंटरफेस, इनपुट फॉर्म और वैलिडेशन नियम बनाता है। यह प्रोजेक्ट एक व्यापक बैकएंड UI किट के माध्यम से खुद को अलग बनाता है जो भौगोलिक निर्देशांक मैपिंग, टैबुलर JSON डेटा मैट्रिसेस और मार्केटिंग मेटाडेटा ट्रैकिंग सहित उन्नत डेटा कैप्चर का समर्थन करता है। इसमें संसाधन दृश्यता और रूट सुरक्षा को प्रबंधित करने के लिए एक मजबूत भूमिका-आधारित एक्सेस कंट्रोल सिस्टम है, साथ ही एक ग्लोबल फुल-टेक्स्ट सर्च कार्यान्वयन है जो कई मॉडल्स में डेटा को इंडेक्स करता है। यह प्लेटफॉर्म एसिंक्रोनस डेटा लोडिंग, मल्टी-चैनल नोटिफिकेशन सिस्टम और रिच टेक्स्ट और फाइल मैनेजमेंट के लिए विशेष फॉर्म कंपोनेंट्स की लाइब्रेरी सहित व्यापक क्षमताएं प्रदान करता है। यह मॉडल एग्रीगेशन और चार्टिंग के माध्यम से डेटा विज़ुअलाइज़ेशन के लिए टूल्स, साथ ही सिंगल-पेज एप्लिकेशन अनुभव का अनुकरण करने के लिए आंशिक पेज रिफ्रेशिंग के लिए यूटिलिटीज भी प्रदान करता है। इंटीग्रेशन विकल्प फ्रेमवर्क में फीचर्स के क्रमिक माइग्रेशन को सुविधाजनक बनाने के लिए मौजूदा कंट्रोलर्स और लेगेसी टेम्पलेट्स के कनेक्शन की अनुमति देते हैं।
Generates table cell values using functional logic or reusable components for complex data display requirements.
Fixed-data-table एक React घटक लाइब्रेरी है जिसे स्ट्रक्चर्ड, स्क्रॉल करने योग्य ग्रिड इंटरफ़ेस के भीतर बड़े डेटासेट को रेंडर करने के लिए डिज़ाइन किया गया है। यह एक वर्चुअलाइज्ड टेबल के रूप में कार्य करता है, जो व्यूपोर्ट के भीतर वर्तमान में दिखाई देने वाली पंक्तियों को रेंडर करके परफॉरमेंस को ऑप्टिमाइज़ करता है। यह लाइब्रेरी नेविगेशन के दौरान संदर्भ बनाए रखने पर अपने ध्यान के माध्यम से खुद को अलग करती है, जिसमें फिक्स्ड-हेडर लेआउट और सिंक्रोनाइज़्ड स्क्रॉल स्टेट मैनेजमेंट का उपयोग किया जाता है। यह जानकारी को विशिष्ट ग्रिड कोऑर्डिनेट्स में मैप करने के लिए इंडेक्स-आधारित डेटा एक्सेस का उपयोग करती है, जिससे मॉड्यूलर सेल कस्टमाइज़ेशन और लचीली कॉलम कॉन्फ़िगरेशन की अनुमति मिलती है। यह घटक कॉलम रिसाइज़िंग और पंक्ति ऊँचाई समायोजन सहित व्यापक टेबल प्रस्तुति प्रबंधन का समर्थन करता है। यह स्क्रॉल व्यवहार पर प्रोग्रामेटिक नियंत्रण प्रदान करता है, जिससे बाहरी इंटरफ़ेस तत्वों या कस्टम जेस्चर के साथ टेबल मूवमेंट के सिंक्रोनाइज़ेशन को सक्षम किया जा सकता है।
Provides a mechanism for injecting custom React components into grid cells to allow flexible and modular data formatting.
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.
React Base Table is a library of reusable interface components designed for building complex, responsive data grids within web applications. It provides a high-performance foundation for rendering large datasets by utilizing window-based row virtualization, which ensures the user interface remains responsive even when displaying extensive collections of data. The library distinguishes itself through flexible layout and navigation capabilities, including support for hierarchical data structures that can be rendered as expandable tree rows. It allows for precise control over table geometry thro
Allows developers to inject custom components directly into table cells for highly tailored data displays.
This library is a React component designed for rendering high-performance data grids. It provides a structured framework for displaying large datasets by utilizing window-based row virtualization, which ensures that only the visible portion of the data is rendered to the document object model. The component distinguishes itself through advanced layout and navigation capabilities, including native support for sticky headers and columns that remain anchored during scrolling. Developers can exercise imperative control over the table viewport to navigate to specific indices or pixel offsets, whil
Allows developers to inject custom React components into grid cells for flexible and complex data visualization.
This project is a data grid library designed for building complex, interactive tables within React applications. It provides a suite of modular components that enable the display of structured information, supporting both custom cell rendering and flexible column configurations to accommodate diverse data presentation needs. The library is built to handle large datasets by utilizing virtualized rendering, which ensures high performance by only processing the subset of rows currently visible within the viewport. It distinguishes itself through support for dynamic row heights and programmatic s
Delegates the rendering of individual cell content to modular sub-components for flexible and reusable data presentation.
यह प्रोजेक्ट React के लिए डिज़ाइन किया गया एक उच्च-परफॉरमेंस डेटा ग्रिड घटक है जो स्प्रेडशीट-शैली इंटरफेस के भीतर बड़े डेटासेट को रेंडर करता है। यह संरचित सारणीबद्ध जानकारी प्रदर्शित करने के लिए एक फ्रेमवर्क प्रदान करती है जबकि जटिल सेल-आधारित इंटरैक्शन और डेटा प्रबंधन कार्यों को सक्षम करती है। घटक स्प्रेडशीट-जैसे संपादन वर्कफ़्लो के लिए अपने समर्थन के माध्यम से खुद को अलग करता है, जिसमें कीबोर्ड-संचालित नेविगेशन और व्यक्तिगत सेल्स में कस्टम घटकों को इंजेक्ट करने की क्षमता शामिल है। उपयोगकर्ता कॉलम का आकार बदलकर और हेडर को व्यवस्थित करके ग्रिड लेआउट को डायनामिक रूप से प्रबंधित कर सकते हैं, यह सुनिश्चित करते हुए कि इंटरफेस विशिष्ट डेटा विज़ुअलाइज़ेशन आवश्यकताओं के अनुकूल हो। ग्रिड में विंडोर्ड रेंडरिंग और लेज़ी लोडिंग के माध्यम से बड़ी मात्रा में जानकारी को संभालने की क्षमताएं शामिल हैं, जो केवल डेटा के दृश्य सबसेट को प्रोसेस करके परफॉरमेंस बनाए रखती हैं। यह घटक संदर्भों के माध्यम से अनिवार्य नियंत्रण भी प्रदान करता है, जो स्क्रॉल स्थितियों और चयन राज्यों के प्रोग्रामेटिक हेरफेर की अनुमति देता है।
Enables dynamic rendering of interactive editors within grid cells using custom UI components.
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.