如何在Material React Table的单个单元格中访问完整行数据

在Material React Table的Cell渲染函数中，你可以通过解构参数中的row对象来获取当前行的完整数据，其中row.original就是该行的原始数据源对象。

修改你的代码示例如下：

const columns = useMemo(
  () => [
    {
      header: 'Relevance',
      accessorKey: 'rating', 
      size: 40, 
      Cell: ({ cell, row }) => {
        // 获取当前行的完整原始数据
        const fullRowData = row.original;
        
        // 示例：使用行数据中的其他字段（假设你的数据包含`title`字段）
        return (
          <span>
            {cell.getValue()} - {fullRowData.title}
          </span>
        );
      },
    },
  ],
  [], // 根据实际业务需求添加依赖项
);

除了row.original，row对象还提供了其他实用方法和属性：

• row.getValues()：返回该行所有字段的键值对集合
• row.index：获取当前行在表格中的索引位置
• row.id：获取当前行的唯一标识

内容的提问来源于stack exchange，提问作者erotsppa