作為全球知名的企業級數據網格控件，AG Grid 以強大的性能、靈活的 API 設計與成熟的企業組件生態而聞名，廣泛應用於金融、製造、能源、電商等高數據密度行業。此次發佈的 AG Grid 35 是一次重量級更新，帶來了諸多提升用户交互體驗與數據處理效率的全新特性，包括：單元格公式、行分組拖拽、絕對排序、列選擇，以及全新的過濾與導出覆蓋層。

AG Grid最新版下載，請聯繫AG Grid中國區夥伴慧都科技

以下為本次更新的重點內容解讀。

⭐ 關鍵更新一覽

1. Formulas（單元格公式）

AG Grid 35 支持在網格單元格內直接輸入類似 Excel 的公式，用户可引用單元格、使用函數和運算符，自由生成自定義計算邏輯。

// 啓用公式
const getRowId = (params) => String(params.data.rid);

const columnDefs = [
  { 
    field: 'subtotal',
    allowFormula: true
  },
];

如內置函數無法滿足需求，還可通過formulaFuncs自定義公式函數：

const gridOptions = {
  formulaFuncs: {
    foo: {
      func: (params) => {
        return bar;
      },
    },
  }
}

場景價值：

無需開發改動，用户即可自行創建動態計算，在財務分析、統計計算、自定義指標等場景中尤為實用。

2. Row Group Dragging（行分組拖拽）

行拖拽能力升級，可在分組內或跨分組拖動數據行，網格會自動處理對應的數據更新。

const gridOptions = {
  autoGroupColumnDef: { rowDrag: true, width: 250 },
  suppressMoveWhenRowDragging: true,
  refreshAfterGroupEdit: true,
  rowDragManaged: true,
  getRowId: ({ data }) => data.id,
};

適用場景：

財務報表條目調整、生產任務排序、區域賬户歸類等需要靈活組織數據的業務場景。

3. Absolute Sorting（絕對排序）

絕對排序按數值“絕對值大小”進行排序，不區分正負。

{
  field: 'rankingChange',
  sort: { direction: 'asc', type: 'absolute' },
  sortingOrder: [
    { direction: 'asc', type: 'absolute' }, 
    { direction: 'desc', type: 'absolute' },
    null,
  ],
}

適用場景：

偏差、異常、誤差、波動幅度等“大小比方向更重要”的排序需求。

4. Column Selection（列選擇）

用户可通過點擊列頭或按鍵操作，直接選擇整列；同時支持 ctrl/shift 多列選擇。

const columnDefs = [
  { 
    field: 'subtotal', 
    enableColumnSelection: true 
  },
];

典型應用：

批量數據操作、列級圖表生成、快速分析等高頻場景。

5. Filtering & Export Overlays（過濾與導出覆蓋層）

AG Grid 35 新增：

• 無匹配數據覆蓋層（過濾結果為空時展示）

• 導出中覆蓋層（大數據量導出時提示）

並支持自定義替換默認 Overlay：

const gridOptions = {
  components: {
    agLoadingOverlay: CustomLoadingOverlay,
    agNoRowsOverlay: CustomNoRowsOverlay,
    agNoMatchingRowsOverlay: CustomNoMatchingRows,
    agExportingOverlay: CustomExportingOverlay
  },
}

價值：

提升用户在操作大規模數據集時的體驗反饋。

總結

AG Grid 35 是一次面向高交互、高分析型業務的重大增強版本，亮點包括：

• ✔ 單元格公式：讓網格具備 Excel 級計算能力

• ✔ 行分組拖拽：提升分組數據的組織靈活性

• ✔ 絕對排序：更易發現偏差、波動與異常

• ✔ 列選擇：加速批量數據處理

• ✔ 全新覆蓋層：提供更清晰的用户反饋

AG Grid最新版下載，請聯繫AG Grid中國區夥伴慧都科技