Awesome GitHub RepositoriesData Grid Components

MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

react-datasheet एक React डेटा ग्रिड कंपोनेंट और टैबुलर एडिटर है जो एक इंटरैक्टिव स्प्रेडशीट इंटरफेस प्रदान करता है। इसे सेल एडिटिंग और कीबोर्ड नेविगेशन के लिए इन-बिल्ट समर्थन के साथ टैबुलर डेटा को प्रबंधित करने के लिए डिज़ाइन किया गया है। यह प्रोजेक्ट रेंडरिंग और संरचना में अपने लचीलेपन द्वारा प्रतिष्ठित है, जो स्टैंडर्ड टेबल एलिमेंट्स को कस्टम मार्कअप जैसे लिस्ट्स या divs के साथ बदलने की अनुमति देता है। यह एक मैपिंग सिस्टम के माध्यम से कस्टम सेल रेंडरिंग का समर्थन करता है जो सेल मेटाडेटा के आधार पर डिफ़ॉल्ट सेल्स को विशेष कंपोनेंट्स के साथ स्वैप करता है। यह कंपोनेंट टैबुलर डेटा प्रबंधन के लिए व्यापक क्षमताओं को कवर करता है, जिसमें एडिट्स के लिए स्टेट ट्रैकिंग, रेंज डिलीशन और डेटा पेस्ट करना शामिल है। यह सेल व्यवहार के लिए कंट्रोल्स भी प्रदान करता है, जैसे रीड-ओनली स्टेटस और कॉलम स्पैनिंग को परिभाषित करना।

Glide Data Grid React और TypeScript के लिए एक वर्चुअलाइज्ड डेटा ग्रिड है जो लाखों सेल को सुचारू रूप से रेंडर करने के लिए HTML Canvas API का उपयोग करता है। इसे एक सुलभ डेटा टेबल के रूप में डिज़ाइन किया गया है जो विशाल डेटासेट को प्रदर्शित और नेविगेट करते समय उच्च फ़्रेम दर बनाए रखता है। यह प्रोजेक्ट एक कैनवास-आधारित रेंडरिंग आर्किटेक्चर के माध्यम से खुद को अलग करता है जो लेज़ी रेंडरिंग और एक कस्टम ड्राइंग API का उपयोग करता है। यह विशेष सेल सामग्री और डेटा-संचालित स्टाइलिंग की अनुमति देता है जो उच्च प्रदर्शन सुनिश्चित करने के लिए मानक DOM अपडेट चक्रों को बायपास करता है। ग्रिड सेल मर्जिंग, फ़्रोज़न कॉलम, वेरिएबल रो हाइट और स्वचालित कॉलम चौड़ाई गणना सहित व्यापक लेआउट और डेटा प्रबंधन क्षमताएं प्रदान करता है। इसमें सेल एडिटिंग, एलिमेंट सिलेक्शन और ग्रिड डेटा सर्च के लिए इन-बिल्ट सपोर्ट भी शामिल है।

Grid.js एक फ्रेमवर्क-अज्ञेयवादी JavaScript लाइब्रेरी है जो इंटरैक्टिव डेटा ग्रिड रेंडर करने के लिए है। यह विभिन्न फ्रंटएंड एनवायरनमेंट में टेबलर फॉर्मेट में स्ट्रक्चर्ड जानकारी प्रदर्शित करने की अनुमति देता है, जो स्टेटिक एरे या JSON इम्पोर्ट से डेटा पॉपुलेशन का समर्थन करता है। इस लाइब्रेरी में यूजर इंटरफेस कंपोनेंट्स और लॉजिक का विस्तार करने के लिए एक प्लगइन सिस्टम है, साथ ही प्रदर्शित होने से पहले जानकारी को बदलने के लिए एक कस्टम डेटा पाइपलाइन भी है। इसमें इंटरफेस एलिमेंट्स और संदेशों का अनुवाद करने के लिए बहुभाषी लोकलाइजेशन के लिए इन-बिल्ट समर्थन शामिल है। यह प्रोजेक्ट सॉर्टिंग, फ़िल्टरिंग और डायनामिक ग्रिड विज़ुअलाइज़ेशन सहित मुख्य डेटा विज़ुअलाइज़ेशन क्षमताओं को कवर करता है। यह कॉन्फ़िगरेशन सेटिंग्स को मैनेज करने और विभिन्न JavaScript एनवायरनमेंट के साथ इंटीग्रेट करने के लिए टूल्स प्रदान करता है।

Vue-easytable is a high-performance data grid component designed for the Vue.js framework. It provides a comprehensive interface for displaying and managing large-scale tabular data, utilizing virtual scrolling to maintain responsiveness by rendering only the visible subset of rows within the browser. The component offers spreadsheet-style interaction, enabling users to perform direct, in-place data editing and manipulation. It supports complex grid configurations, including column pinning, row expansion, and data filtering, allowing for the organization of structured information to improve r

Fancytree is a JavaScript library designed for rendering and managing interactive, hierarchical data structures within web interfaces. It provides a framework for displaying complex nested information as tree views or grids, supporting both standard tree navigation and tabular data layouts. The library distinguishes itself through a modular plugin architecture that allows developers to inject custom behaviors and visual elements into the component lifecycle. It handles large datasets by implementing on-demand lazy loading, which fetches child nodes only when required to maintain responsivenes

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

यह प्रोजेक्ट React के लिए डिज़ाइन किया गया एक उच्च-परफॉरमेंस डेटा ग्रिड घटक है जो स्प्रेडशीट-शैली इंटरफेस के भीतर बड़े डेटासेट को रेंडर करता है। यह संरचित सारणीबद्ध जानकारी प्रदर्शित करने के लिए एक फ्रेमवर्क प्रदान करती है जबकि जटिल सेल-आधारित इंटरैक्शन और डेटा प्रबंधन कार्यों को सक्षम करती है। घटक स्प्रेडशीट-जैसे संपादन वर्कफ़्लो के लिए अपने समर्थन के माध्यम से खुद को अलग करता है, जिसमें कीबोर्ड-संचालित नेविगेशन और व्यक्तिगत सेल्स में कस्टम घटकों को इंजेक्ट करने की क्षमता शामिल है। उपयोगकर्ता कॉलम का आकार बदलकर और हेडर को व्यवस्थित करके ग्रिड लेआउट को डायनामिक रूप से प्रबंधित कर सकते हैं, यह सुनिश्चित करते हुए कि इंटरफेस विशिष्ट डेटा विज़ुअलाइज़ेशन आवश्यकताओं के अनुकूल हो। ग्रिड में विंडोर्ड रेंडरिंग और लेज़ी लोडिंग के माध्यम से बड़ी मात्रा में जानकारी को संभालने की क्षमताएं शामिल हैं, जो केवल डेटा के दृश्य सबसेट को प्रोसेस करके परफॉरमेंस बनाए रखती हैं। यह घटक संदर्भों के माध्यम से अनिवार्य नियंत्रण भी प्रदान करता है, जो स्क्रॉल स्थितियों और चयन राज्यों के प्रोग्रामेटिक हेरफेर की अनुमति देता है।

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