前端表格工具AG Grid 34.3 發(fā)布：重磅引入AI工具包，全面支持 React 19.2！

近日，全球知名的前端表格工具AG Grid 發(fā)布最新版本 v34.3！本次更新帶來(lái)了全新的AI工具包（AI Toolkit）、列寬自適應(yīng)與數(shù)據(jù)透視增強(qiáng)功能，并正式支持React 19.2，助力開(kāi)發(fā)者打造更智能、更高效的數(shù)據(jù)可視化體驗(yàn)。

AG Grid最新版試用，請(qǐng)聯(lián)系A(chǔ)G Grid官方合作伙伴慧都科技

核心亮點(diǎn)一覽

• AI Toolkit —— 基于大模型（LLM）的智能網(wǎng)格交互，讓終端用戶可通過(guò)自然語(yǔ)言操控表格狀態(tài)。

• MCP Server —— 為 LLM 提供框架與版本級(jí)知識(shí)，讓開(kāi)發(fā)者更高效地集成與升級(jí) AG Grid。

• Scaled Column Auto-Sizing —— 列寬自動(dòng)縮放，自適應(yīng)屏幕寬度，保持視覺(jué)整齊與數(shù)據(jù)可讀性。

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

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

?? 本次為非破壞性更新：使用 AG Grid 33.x 的項(xiàng)目可直接升級(jí)至 34.3，無(wú)需修改代碼。

AI Toolkit：讓表格理解自然語(yǔ)言

AG Grid 34.3 全新引入 AI Toolkit，可與任意大語(yǔ)言模型（LLM）集成，讓用戶直接用自然語(yǔ)言對(duì)表格進(jìn)行查詢和操作。

?? 支持 ChatGPT、Gemini 等主流 LLM
?? 自動(dòng)生成 JSON Schema 格式的結(jié)構(gòu)化輸出
?? 模型可直接返回符合 Schema 的結(jié)果，一步完成狀態(tài)更新

示例代碼：

// 獲取表格狀態(tài)結(jié)構(gòu)
const gridSchema = gridApi.getStructuredSchema();

// 將用戶請(qǐng)求、當(dāng)前狀態(tài)與 Schema 一并傳入 LLM
const response = await callLLM(userRequest, gridApi.getState(), gridSchema);

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

MCP Server：讓 AI 理解 AG Grid

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

claude mcp add ag-mcp npx ag-mcp

Scaled Column Auto-Sizing：智能列寬自適應(yīng)

全新列寬自適應(yīng)算法在常規(guī)自動(dòng)計(jì)算基礎(chǔ)上，
會(huì)根據(jù)可用空間 等比例放大列寬，確保整體布局緊湊、視覺(jué)平衡。

啟用方式示例：

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

?? Date & Time Pivoting：時(shí)間維度透視分析

Pivot 功能現(xiàn)已支持 日期與時(shí)間字段，可按“年/月/日”等層級(jí)進(jìn)行分組匯總。

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

?? React 19.2 官方支持

AG Grid 團(tuán)隊(duì)已全面適配 React 19.2，并完成所有示例的兼容性驗(yàn)證。
開(kāi)發(fā)者可立即使用新版 React 帶來(lái)的性能與特性提升。

?? 總結(jié)

AG Grid 34.3 不僅強(qiáng)化了數(shù)據(jù)展示與操作體驗(yàn)，更引入了創(chuàng)新的 AI 能力，為前端數(shù)據(jù)交互打開(kāi)全新可能。

?? AI Toolkit —— 讓表格“懂你說(shuō)的話”
?? MCP Server —— 讓 AI “懂 AG Grid”
?? 自適應(yīng)列寬與時(shí)間透視 —— 提升可視化細(xì)節(jié)體驗(yàn)
?? React 19.2 支持 —— 最新生態(tài)無(wú)縫接軌

?? 關(guān)于 AG Grid

AG Grid 是全球領(lǐng)先的 JavaScript 數(shù)據(jù)表格控件，廣泛應(yīng)用于金融、電信、制造等行業(yè)，支持 Angular、React、Vue 和純 JavaScript 項(xiàng)目，擁有企業(yè)級(jí)的性能與功能深度。

AG Grid最新版試用，請(qǐng)聯(lián)系A(chǔ)G Grid官方合作伙伴慧都科技