近日，JavaScript 數(shù)據(jù)表格方案AG Grid版本，本次更新為開發(fā)者帶來了更靈活的數(shù)據(jù)分組方式、更順暢的大數(shù)據(jù)集交互體驗，以及更直觀的 UI 提示與操作反饋。

AG Grid最新版下載

以下為本次更新的核心亮點：

核心功能更新

1. 日期與時間分組

支持基于日期的層級分組（如日、周、月、季度、年等），開發(fā)者可通過rowGroupingHierarchy或groupHierarchyConfig來實現(xiàn)內(nèi)置或自定義分組方式，滿足更多業(yè)務(wù)場景下的數(shù)據(jù)分析需求。

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 中，工具面板不僅可以在默認(rèn)的側(cè)邊欄中顯示，還可以被渲染到網(wǎng)格外的容器中，例如彈窗或獨立 UI 區(qū)域。這使得開發(fā)者在小屏幕或緊湊布局中，能更靈活地組織界面。

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 模型下的組展開/收起

在服務(wù)端行模型（SSRM）中，現(xiàn)在可以一次性展開或收起所有分組，包括尚未加載到客戶端的數(shù)據(jù)。通過expandAll()、collapseAll()API 及ssrmExpandAllAffectsAllRows配置，用戶可更流暢地瀏覽海量分組數(shù)據(jù)。

4. 剪貼板增強(qiáng)

AG Grid 34.2 優(yōu)化了復(fù)制粘貼體驗：

• 支持將復(fù)制的單元格區(qū)域粘貼到大小不同的區(qū)域，行為更貼近 Excel。

• 支持通過右鍵菜單執(zhí)行粘貼操作。

• 在大數(shù)據(jù)場景（SSRM）下復(fù)制大范圍單元格時，性能進(jìn)一步優(yōu)化。

5. 行拖拽改進(jìn)

新增isRowValidDropPosition回調(diào)，允許在自定義拖拽邏輯中校驗行是否可放置，并在無效位置自動顯示“禁止”圖標(biāo)，支持通過 Theming API 定制圖標(biāo)樣式，為用戶提供即時、直觀的反饋。

升級提示

AG Grid 34.2 為 非破壞性更新，目前使用 33.x 版本的用戶可直接升級，無需修改代碼。

總結(jié)

AG Grid 34.2 帶來了：

• 更靈活的日期時間分組

• 工具面板外置顯示

• SSRM 下的全局組展開/收起

• Excel 風(fēng)格的剪貼板增強(qiáng)

• 更清晰的拖拽反饋

這些功能大幅提升了數(shù)據(jù)處理的靈活性與用戶體驗，幫助開發(fā)者在構(gòu)建復(fù)雜應(yīng)用時更加高效。

?? 關(guān)于 AG Grid

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

關(guān)于慧都科技

慧都科技是一家行業(yè)數(shù)字化解決方案公司，長期專注于軟件、油氣與制造行業(yè)。公司基于深入的業(yè)務(wù)理解與管理洞察，以系統(tǒng)化的業(yè)務(wù)建模驅(qū)動技術(shù)落地，幫助企業(yè)實現(xiàn)智能化運營與長期競爭優(yōu)勢。在軟件工程領(lǐng)域，我們提供開發(fā)控件、研發(fā)管理、代碼開發(fā)、部署運維等軟件開發(fā)全鏈路所需的產(chǎn)品，提供正版授權(quán)采購、技術(shù)選型、個性化維保等服務(wù)，幫助客戶實現(xiàn)技術(shù)合規(guī)、降本增效與風(fēng)險可控。慧都科技是AG Grid的在中國區(qū)的合作伙伴，AG Grid / AG Charts作為JavaScrip表格/圖表領(lǐng)域的優(yōu)秀產(chǎn)品，幫助企業(yè)實現(xiàn)輕松構(gòu)建高性能的表格及圖表。