用途：本技能围绕 MUI X DataGrid 组件，说明其配置方式、服务端数据集成方法与性能优化要点，帮助在 React 项目中构建数据表格。
主要能力：介绍三个包层级——@mui/x-data-grid（免费，MIT，支持排序、过滤、分页、导出）、@mui/x-data-grid-pro（列固定、行分组、主从详情、无限滚动）、@mui/x-data-grid-premium（聚合、透视、Excel 导出、行合并）。涵盖 GridColDef 列定义（field、headerName、width、flex、type、valueGetter、valueFormatter、renderCell、renderHeader）、操作列（GridActionsCellItem）、客户端与服务端的排序/过滤/分页、可编辑表格（行编辑模式、processRowUpdate 校验与持久化）、自定义单元格与工具栏、列固定，以及 Pro/Premium 的行分组、聚合、主从详情、Excel 导出、单元格选择、剪贴板粘贴、表头过滤、自定义过滤操作符等。
使用方式：按需安装对应包，从同一包导入 DataGrid 与 GridColDef；服务端模式需设置 paginationMode、sortingMode、filterMode 为 "server" 并提供 rowCount，在分页、排序、过滤模型变化时请求数据；编辑场景通过 rowModesModel 与 processRowUpdate 处理保存与错误。
限制与注意：GridColDef 与 grid 必须来自同一包；虚拟化默认开启，生产环境不应禁用；列定义应稳定引用（模块作用域或 useMemo）以避免重复注册；仅在缺少 id 字段时使用 getRowId；数据量超过约一万行建议使用服务端分页。官方未提供该技能的收费、价格与具体使用平台信息。