Cell value returns undefined when calling getValue

[andylim0221]

Hi all,

I faced an issue on accessing the cell value. Assumed that the cell value should the sum value of the computed two row cell. In table, it's rendered fine. However, I have an export function which I want to retrieve the row values from the table and compile it into CSV. What I've got from the CSV is that that specific cell is undefined.

Column definition:

 let columns = [
    {
      id: 'select',
      header: null,
      width: '10px',
      cell: ({ row }) => (
        <div>
          <IndeterminateCheckbox
            {...{
              checked: row.getIsSelected(),
              disabled: !row.getCanSelect(),
              indeterminate: row.getIsSomeSelected(),
              onChange: row.getToggleSelectedHandler(),
            }}
          />
        </div>
      ),
    },
    { accessorKey: 'id', header: t('Common.tenantId'), enableSorting: false },
    {
      accessorKey: 'category',
      header: t('Common.categories'),
      enableSorting: false,
    },
    {
      accessorKey: 'name',
      header: t('Common.name'),
      enableSorting: true,
    },
    { accessorKey: 'email', header: t('Common.email'), enableSorting: false },
    {
      id: 'glass',
      accessorFn: (row, i) => getWeight(row, i, 'module_01'),
      header: t('Common.glass_weight'),
      enableSorting: false,
    },
    {
      id: 'metal',
      accessorFn: (row, i) => getWeight(row, i, 'module_02'),
      header: t('Common.metal_weight'),
      enableSorting: false,
    },
    {
      cell: (info) => (
        <span>{Number(info.row.getValue('glass')) + Number(info.row.getValue('metal'))}</span>
      ),
      header: t('Common.total_weight'),
      enableSorting: false,
    },
  ];

export function:

	const downloadCSV = (event, done) => {
		const ans = []
		const columns = table.getAllColumns().map((column)=>column.id)
		table.getRowModel().flatRows.map((row)=> {
			const vals = []
			const cells = row.getAllCells().map((cell)=>{
				const val = cell.renderValue()
				vals.push(val)
			})
			ans.push(vals)
		})
	}

tanstack table version: ^8.9.3
react version: 18.2.0
next.js version: 13.4.19

[andylim0221]

It's resolved.

[jmurphy-res]

@andylim0221 How did it get resolved? Same issue here.

[andylim0221]

Hi @jmurphy-res sorry it's an old code. Let me find it and paste it back here.