awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索Open-source alternativesSelf-hosted software博客网站地图
项目关于How we rank媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

4 个仓库

Awesome GitHub RepositoriesProgrammatic Grid Data Synchronization

External APIs for updating cell content and styles to align UI with application state.

Distinguishing note: None of the candidates cover programmatic data synchronization for a grid UI.

Explore 4 awesome GitHub repositories matching user interface & experience · Programmatic Grid Data Synchronization. Refine with filters or upvote what's useful.

Awesome Programmatic Grid Data Synchronization GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • desandro/masonrydesandro 的头像

    desandro/masonry

    16,709在 GitHub 上查看↗

    Masonry is a JavaScript library for arranging elements of varying heights into a grid without vertical gaps. It serves as a DOM element positioner and dynamic layout manager that calculates and applies absolute coordinates to HTML elements based on available vertical space. The system functions as a responsive grid engine using percentage-based widths to maintain consistent structures across different screen sizes. It includes capabilities to recalculate grid positions after images load or browser windows resize to prevent element overlap. The library covers grid management and positioning,

    Supports adding, removing, or inserting new elements to keep the layout synchronized with the DOM.

    HTML
    在 GitHub 上查看↗16,709
  • myliang/x-spreadsheetmyliang 的头像

    myliang/x-spreadsheet

    14,601在 GitHub 上查看↗

    x-spreadsheet is an HTML5 canvas spreadsheet component and web-based data grid designed for high-performance data display and cell manipulation. It serves as an interactive web component that allows users to manage structured data within a browser-based interface. The project includes an XLSX file serializer that imports and exports spreadsheet state using binary XML formats compatible with Excel. It also features a locale-aware UI framework that translates interface labels and date formats through configurable language objects. The component covers a broad range of capabilities including fo

    Allows updating cell text and retrieving values or styles via an external interface.

    JavaScriptcanvases6excel
    在 GitHub 上查看↗14,601
  • jspreadsheet/cejspreadsheet 的头像

    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

    Provides external APIs for updating cell values, styles, and configuration settings programmatically.

    JavaScriptdata-griddatagriddatatables
    在 GitHub 上查看↗7,186
  • rowsncolumns/gridrowsncolumns 的头像

    rowsncolumns/grid

    633在 GitHub 上查看↗

    这是一个专为 React 应用设计的高性能数据网格组件。它提供了一个声明式框架,通过使用基于 Canvas 的绘图引擎而非传统的 DOM 节点,来渲染大规模数据集和复杂的表格结构。 该库的核心优势在于其窗口化虚拟化引擎,通过仅渲染网格的可见部分来保持恒定的内存占用。它通过基于坐标的映射将指针交互转换为特定的单元格引用,并支持将外部应用状态和主题直接注入 Canvas 环境,以确保自定义单元格渲染器之间的数据访问一致性。 该网格支持复杂的布局配置,包括冻结行和列、合并单元格以及可调整大小的表头。它还提供了将信息组织成层级化树状结构的工具,以表示嵌套的数据关系。该库以一组 React 原语的形式分发,可集成到现有的 Web 应用中,用于管理复杂数据界面的滚动状态和布局协调。

    Synchronizes scroll positions and grid state with application logic to maintain interface alignment during user interactions.

    TypeScriptcanvasdatagriddeclarative
    在 GitHub 上查看↗633
  1. Home
  2. User Interface & Experience
  3. Programmatic Grid Data Synchronization

探索子标签

  • Grid Membership SynchronizationSynchronizing the grid's internal item registry with the current set of DOM elements. **Distinct from Programmatic Grid Data Synchronization:** Focuses on the membership of the grid rather than the data values within the cells.