近日，全球知名的前端表格工具AG Grid 發佈最新版本 v34.3！本次更新帶來了全新的AI工具包（AI Toolkit）、列寬自適應與數據透視增強功能，並正式支持React 19.2，助力開發者打造更智能、更高效的數據可視化體驗。

AG Grid最新版試用，請聯繫AG Grid官方合作伙伴慧都科技

核心亮點一覽

• AI Toolkit —— 基於大模型（LLM）的智能網格交互，讓終端用户可通過自然語言操控表格狀態。

• MCP Server —— 為 LLM 提供框架與版本級知識，讓開發者更高效地集成與升級 AG Grid。

• Scaled Column Auto-Sizing —— 列寬自動縮放，自適應屏幕寬度，保持視覺整齊與數據可讀性。

• Date & Time Pivoting —— 新增時間維度透視支持（按日、周、月、年），更便捷地進行時序分析。

• React 19.2 官方支持 —— 全面兼容最新版本 React，性能與穩定性進一步提升。

💡 本次為非破壞性更新：使用 AG Grid 33.x 的項目可直接升級至 34.3，無需修改代碼。

AI Toolkit：讓表格理解自然語言

AG Grid 34.3 全新引入 AI Toolkit，可與任意大語言模型（LLM）集成，讓用户直接用自然語言對錶格進行查詢和操作。

🔹 支持 ChatGPT、Gemini 等主流 LLM
🔹 自動生成 JSON Schema 格式的結構化輸出
🔹 模型可直接返回符合 Schema 的結果，一步完成狀態更新

示例代碼：

// 獲取表格狀態結構
const gridSchema = gridApi.getStructuredSchema();

// 將用户請求、當前狀態與 Schema 一併傳入 LLM
const response = await callLLM(userRequest, gridApi.getState(), gridSchema);

// 更新表格狀態
gridApi.setState(response.newGridState);

MCP Server：讓 AI 理解 AG Grid

全新的 MCP（Model Context Protocol）Server，為 AI 工具（如 Claude Code、ChatGPT Plugins 等）提供框架級知識。 開發者可通過以下命令快速接入：

claude mcp add ag-mcp npx ag-mcp

Scaled Column Auto-Sizing：智能列寬自適應

全新列寬自適應算法在常規自動計算基礎上，
會根據可用空間 等比例放大列寬，確保整體佈局緊湊、視覺平衡。

啓用方式示例：

gridRef.current.api.autoSizeColumns({
  skipHeader,
  scaleUpToFitGridWidth
});

📅 Date & Time Pivoting：時間維度透視分析

Pivot 功能現已支持 日期與時間字段，可按“年/月/日”等層級進行分組彙總。

{ field: 'date', pivot: true, groupHierarchy: ['year', 'month']
}

⚛️ React 19.2 官方支持

AG Grid 團隊已全面適配 React 19.2，並完成所有示例的兼容性驗證。
開發者可立即使用新版 React 帶來的性能與特性提升。

🧾 總結

AG Grid 34.3 不僅強化了數據展示與操作體驗，更引入了創新的 AI 能力，為前端數據交互打開全新可能。

🔹 AI Toolkit —— 讓表格“懂你説的話”
🔹 MCP Server —— 讓 AI “懂 AG Grid”
🔹 自適應列寬與時間透視 —— 提升可視化細節體驗
🔹 React 19.2 支持 —— 最新生態無縫接軌

📌 關於 AG Grid

AG Grid 是全球領先的 JavaScript 數據表格控件，廣泛應用於金融、電信、製造等行業，支持 Angular、React、Vue 和純 JavaScript 項目，擁有企業級的性能與功能深度。

AG Grid最新版試用，請聯繫AG Grid官方合作伙伴慧都科技