awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
glideapps avatar

glideapps/glide-data-grid

0
View on GitHub↗
5,237 نجوم·411 تفرعات·TypeScript·MIT·11 مشاهداتgrid.glideapps.com↗

Glide Data Grid

Glide Data Grid هو شبكة بيانات افتراضية لـ React وTypeScript تستخدم واجهة برمجة تطبيقات HTML Canvas لعرض ملايين الخلايا بسلاسة. تم تصميمه كجدول بيانات يسهل الوصول إليه ويحافظ على معدلات إطارات عالية عند عرض وتصفح مجموعات البيانات الضخمة.

يتميز المشروع ببنية عرض قائمة على Canvas تستخدم العرض الكسول (lazy rendering) وواجهة برمجة تطبيقات رسم مخصصة. يسمح هذا بمحتوى خلايا متخصص وتصميم قائم على البيانات يتجاوز دورات تحديث DOM القياسية لضمان أداء عالٍ.

توفر الشبكة قدرات شاملة لتخطيط وإدارة البيانات، بما في ذلك دمج الخلايا، والأعمدة المجمدة، وارتفاعات الصفوف المتغيرة، وحساب عرض العمود التلقائي. كما يتضمن دعماً مدمجاً لتحرير الخلايا، واختيار العناصر، والبحث في بيانات الشبكة.

Features

  • Data Grid Components - A high-performance data grid component for React that renders millions of cells using the HTML Canvas API.
  • Enterprise Data Grids - Provides a professional-grade enterprise data grid with keyboard navigation, accessibility, and complex layout controls.
  • High-Performance Visualizers - Renders millions of rows at high frame rates with smooth scrolling and fast visual updates.
  • Grid Rendering - Utilizes an HTML5 canvas-based rendering architecture to display millions of cells with high performance.
  • Large Dataset Optimizations - Optimizes the rendering and handling of massive datasets in the browser using lazy rendering.
  • Canvas Rendering Pipelines - Implements a high-performance rendering pipeline that draws the grid interface directly to an HTML5 canvas.
  • Data Model Mapping - Transforms raw data into visible cells on demand using a function-based mapping approach.
  • Custom Cell Styling - Allows defining the visual appearance and layout of individual cells to support diverse data types.
  • Canvas Cell Renderers - Provides a high-performance drawing API for rendering specialized cell content while maintaining smooth visual updates.
  • On-Demand Cell Renderers - Transforms raw data into visual cells using a callback function only when cells enter the viewport.
  • Virtualized Cell Rendering - Employs lazy rendering to display millions of rows with minimal memory and latency.
  • Viewport-Based Virtualization - Uses viewport-based virtualization to render only the visible subset of cells from massive datasets.
  • Virtualized Data Grids - Uses lazy rendering and virtualization to maintain high frame rates when scrolling through massive datasets.
  • Editable Data Tables - Provides a strongly typed, editable data grid supporting high-performance virtual scrolling and in-place editing.
  • Cell Editors - Provides built-in interfaces for modifying the content of individual cells within the grid.
  • Selection State Layers - Tracks cell and row selections as a separate data layer to optimize update frequency.
  • Data-Driven Visual Styling - Implements visual definitions that map data values (numbers, text, images) to specific cell styles.
  • Selective Cell Refresh - Provides a mechanism to trigger the re-rendering of specific cells to ensure visuals match the most recent data updates.
  • Column Layout Configurations - Provides centralized configuration for resizable columns, movable columns, variable row heights, and merged cells.
  • Cell-Relative Positioning - Calculates screen-space coordinates of cells to accurately position interactive overlays and UI elements.
  • Grid Index Coordinate Mappers - Maps grid indices to pixel coordinates to ensure accurate placement of interactive overlays and mouse interactions.
  • Canvas Drawing APIs - Exposes a low-level rendering interface for specialized cell content that bypasses standard DOM update cycles.
  • Data Table Accessibility - Implements first-class accessibility standards for navigating and interacting with large tabular datasets.
  • Table Rendering Overrides - Allows for specialized data table rendering using custom drawing logic for diverse content types.
  • Spreadsheet Interfaces - Implements an interactive spreadsheet interface featuring cell editing, column freezing, and merged cells.
  • Frozen Grid Elements - Ships the ability to lock specific columns in place so they remain visible during horizontal scrolling.
  • Virtualized Variable-Height Items - Implements variable row heights that automatically adjust as content sizes change within the virtualized grid.
  • Grid Element Selection - Enables selection of single or multiple cells, rows, and columns for bulk actions or inspection.

سجل النجوم

مخطط تاريخ النجوم لـ glideapps/glide-data-gridمخطط تاريخ النجوم لـ glideapps/glide-data-grid

بحث بالذكاء الاصطناعي

استكشف المزيد من المستودعات الرائعة

صف ما تحتاجه بلغة بسيطة — وسيقوم الذكاء الاصطناعي بترتيب آلاف المشاريع مفتوحة المصدر المنسقة حسب الصلة.

Start searching with AI

مجموعات مختارة تضم Glide Data Grid

مجموعات منسقة بعناية يظهر فيها Glide Data Grid.
  • مكونات الجداول وشبكات البيانات لـ React

بدائل مفتوحة المصدر لـ Glide Data Grid

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع Glide Data Grid.
  • olifolkerd/tabulatorالصورة الرمزية لـ olifolkerd

    olifolkerd/tabulator

    7,550عرض على GitHub↗

    Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure

    JavaScriptajaxcdnjsdata
    عرض على GitHub↗7,550
  • jspreadsheet/ceالصورة الرمزية لـ jspreadsheet

    jspreadsheet/ce

    7,186عرض على GitHub↗

    This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

    JavaScriptdata-griddatagriddatatables
    عرض على GitHub↗7,186
  • adazzle/react-data-gridالصورة الرمزية لـ adazzle

    adazzle/react-data-grid

    7,637عرض على GitHub↗

    react-data-grid is a high-performance tabular interface for rendering and manipulating large datasets within a React application. It functions as a virtualized data table and editable spreadsheet component that supports hierarchical data grids with expandable and collapsible row groupings. The component maintains performance with massive datasets by rendering only the rows and columns currently visible in the viewport. It provides spreadsheet-like data manipulation, including cell editing and the ability to copy, paste, or drag values between cells. The grid supports advanced layout capabili

    TypeScript
    عرض على GitHub↗7,637
  • swimlane/ngx-datatableالصورة الرمزية لـ swimlane

    swimlane/ngx-datatable

    4,671عرض على GitHub↗

    ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells. The component is distinguished by its high-performance virtual scrolling grid, which renders only visible rows to optimize memory and CPU usage. It provides an interactive interface for managing data through row selection, column reordering, and expandable detail views. The project covers a broad set of capabilities including colum

    TypeScriptangularangular-componentsangular2
    عرض على GitHub↗4,671
عرض جميع البدائل الـ 30 لـ Glide Data Grid→

الأسئلة الشائعة

ما هي وظيفة glideapps/glide-data-grid؟

Glide Data Grid هو شبكة بيانات افتراضية لـ React وTypeScript تستخدم واجهة برمجة تطبيقات HTML Canvas لعرض ملايين الخلايا بسلاسة. تم تصميمه كجدول بيانات يسهل الوصول إليه ويحافظ على معدلات إطارات عالية عند عرض وتصفح مجموعات البيانات الضخمة.

ما هي الميزات الرئيسية لـ glideapps/glide-data-grid؟

الميزات الرئيسية لـ glideapps/glide-data-grid هي: Data Grid Components, Enterprise Data Grids, High-Performance Visualizers, Grid Rendering, Large Dataset Optimizations, Canvas Rendering Pipelines, Data Model Mapping, Custom Cell Styling.

ما هي البدائل مفتوحة المصدر لـ glideapps/glide-data-grid؟

تشمل البدائل مفتوحة المصدر لـ glideapps/glide-data-grid: olifolkerd/tabulator — Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from… jspreadsheet/ce — This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for… adazzle/react-data-grid — react-data-grid is a high-performance tabular interface for rendering and manipulating large datasets within a React… swimlane/ngx-datatable — ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large… comcast/react-data-grid — react-data-grid is a high-performance table component for React designed to render large datasets using… angular-ui/ui-grid — ui-grid is an enterprise data grid component for Angular applications designed to display tabular data. It functions…