半岛外围网上直营

近日，JavaScript 数据表格方案AG Grid版本，本次更新为开发者带来了更灵活的数据分组方式、更顺畅的大数据集交互体验，以及更直观的 UI 提示与操作反馈。

AG Grid最新版下载

以下为本次更新的核心亮点：

核心功能更新

1. 日期与时间分组

支持基于日期的层级分组（如日、周、月、季度、年等），开发者可通过rowGroupingHierarchy或groupHierarchyConfig来实现内置或自定义分组方式，满足更多业务场景下的数据分析需求。

const [columnDefs, setColumnDefs] = useState([
    {
        field: 'date',
        rowGroup: true,
        rowGroupingHierarchy: ['year', 'month'] // Built-in
    },
    // ...other column definitions
]);

// Custom Grouping Definitions
const groupHierarchyConfig = useMemo(() => {
  return {
    week: {
      headerValueGetter: (params) => { /* Grouping Definiton */ },
      valueGetter: (params) => { /* Grouping Definiton */ }
    }
  }
});

<AgGridReact 
  columnDefs={columnDefs} 
  groupHierarchyConfig={groupHierarchyConfig}
/>

2. 工具面板外置

在 AG Grid 34.2 中，工具面板不仅可以在默认的侧边栏中显示，还可以被渲染到网格外的容器中，例如弹窗或独立 UI 区域。这使得开发者在小屏幕或紧凑布局中，能更灵活地组织界面。

const columnsToolPanel = useMemo(() => {
  return {
    parent: popupContentRef.current, // Define tool panel container
    ...
  };
}, [popupContentRef.current]);

return (
  <AgGridReact
    // Element that contains the tool panel's container & the grid
    popupParent={document.body} 
    ...
  />

  /* Div to display the Column Tool Panel in */
  <div id="popup" ref={popupRef}>...</div>
);

3. SSRM 模型下的组展开/收起

在服务端行模型（SSRM）中，现在可以一次性展开或收起所有分组，包括尚未加载到客户端的数据。通过expandAll()、collapseAll()API 及ssrmExpandAllAffectsAllRows配置，用户可更流畅地浏览海量分组数据。

4. 剪贴板增强

AG Grid 34.2 优化了复制粘贴体验：

• 支持将复制的单元格区域粘贴到大小不同的区域，行为更贴近 Excel。

• 支持通过右键菜单执行粘贴操作。

• 在大数据场景（SSRM）下复制大范围单元格时，性能进一步优化。

5. 行拖拽改进

新增isRowValidDropPosition回调，允许在自定义拖拽逻辑中校验行是否可放置，并在无效位置自动显示“禁止”图标，支持通过 Theming API 定制图标样式，为用户提供即时、直观的反馈。

升级提示

AG Grid 34.2 为 非破坏性更新，目前使用 33.x 版本的用户可直接升级，无需修改代码。

总结

AG Grid 34.2 带来了：

• 更灵活的日期时间分组

• 工具面板外置显示

• SSRM 下的全局组展开/收起

• Excel 风格的剪贴板增强

• 更清晰的拖拽反馈

这些功能大幅提升了数据处理的灵活性与用户体验，帮助开发者在构建复杂应用时更加高效。

📌 关于 AG Grid

------------------------------------------------------------

关于慧都科技

慧都科技是一家行业数字化解决方案公司，长期专注于软件、油气与制造行业。公司基于深入的业务理解与管理洞察，以系统化的业务建模驱动技术落地，帮助企业实现智能化运营与长期竞争优势。在软件工程领域，我们提供开发控件、研发管理、代码开发、部署运维等软件开发全链路所需的产品，提供正版授权采购、技术选型、个性化维保等服务，帮助客户实现技术合规、降本增效与风险可控。慧都科技是AG Grid的在中国区的合作伙伴，AG Grid / AG Charts作为JavaScrip表格/图表领域的优秀产品，帮助企业实现轻松构建高性能的表格及图表。