如何将DataGrid单元格数据加载到变量中？无法获取全部单元格值

1. React MUI DataGrid #

• 直接用绑定的数据源：如果DataGrid是基于rows数组渲染，rows本身就包含所有单元格数据，直接将其赋值给变量即可。
• 若需获取过滤/排序后的当前显示数据，使用useGridApiRef钩子：

import { DataGrid, useGridApiRef } from '@mui/x-data-grid';

export default function MyDataGrid() {
  const apiRef = useGridApiRef();
  const rows = [/* 你的数据源 */];
  const columns = [/* 列配置 */];

  const getAllCells = () => {
    // 获取所有行的完整数据
    const allRowData = apiRef.current.getRows();
    // 将数据存入变量
    const targetVariable = allRowData;
    
    // 如需提取特定列的值，可做如下处理
    const specificCellValues = allRowData.map(row => ({
      id: row.id,
      username: row.username
    }));
  };

  return (
    <div style={{ height: 400, width: '100%' }}>
      <DataGrid apiRef={apiRef} rows={rows} columns={columns} />
      <button onClick={getAllCells}>提取单元格值</button>
    </div>
  );
}

2. Vue Element-UI 表格（ElTable） #

• 直接取用绑定的data数组：ElTable的data属性就是完整数据源，直接赋值给变量即可。
• 开启分页时获取当前页数据，可通过表格的ref：

<template>
  <el-table ref="tableRef" :data="tableData" border>
    <el-table-column prop="id" label="ID" />
    <el-table-column prop="name" label="名称" />
  </el-table>
  <el-button @click="fetchAllCells">提取单元格值</el-button>
</template>

<script setup>
import { ref } from 'vue';

const tableData = ref([
  { id: 1, name: '示例1' },
  { id: 2, name: '示例2' }
]);
const tableRef = ref(null);

const fetchAllCells = () => {
  // 获取所有表格数据
  const allCellData = tableData.value;
  const targetVariable = allCellData;

  // 若需获取当前页数据（分页场景）
  // const currentPageData = tableRef.value.store.states.data.value;
};
</script>

3. .NET WinForms/WPF DataGrid #

WinForms #

遍历Rows和Cells集合提取数据：

List<Dictionary<string, object>> allCellValues = new List<Dictionary<string, object>>();
foreach (DataGridViewRow row in dataGridView1.Rows)
{
    if (!row.IsNewRow)
    {
        Dictionary<string, object> rowData = new Dictionary<string, object>();
        foreach (DataGridViewCell cell in row.Cells)
        {
            rowData.Add(dataGridView1.Columns[cell.ColumnIndex].Name, cell.Value);
        }
        allCellValues.Add(rowData);
    }
}
// 存入目标变量
var targetVariable = allCellValues;

WPF #

通过ItemsSource获取绑定的数据源：

// 假设绑定的是ObservableCollection<YourModel>
var allRowData = dataGrid1.ItemsSource as ObservableCollection<YourModel>;
// 存入目标变量
var targetVariable = allRowData;

内容的提问来源于stack exchange，提问作者kahan karadağ