urgent-maroon

Where to pin a row based on value

I have a requirement that all rows with a certain value are pinned to the top of the table. I'm using Row Pinning and it's all working great. However, I'm not sure where the best place to do the pinning is.

I tried in the column definition's

cell

cell

property, i.e.

cell: ({ row }) => {
  if (
    row.original.status === 'Waiting for Approval' &&
    !row.getIsPinned()
  ) {
    row.pin('top');
  }

  return row.original.status;
}

cell: ({ row }) => {
  if (
    row.original.status === 'Waiting for Approval' &&
    !row.getIsPinned()
  ) {
    row.pin('top');
  }

  return row.original.status;
}

however, this is resulting in a bad setState error (my table state is held in a provider):

Warning: Cannot update a component (`TableStateProvider`) while rendering a different component (`cell`). To locate the bad setState() call inside `cell`, follow the stack trace as described....

Warning: Cannot update a component (`TableStateProvider`) while rendering a different component (`cell`). To locate the bad setState() call inside `cell`, follow the stack trace as described....

So I'm wondering if there is a better place to do the pinning of the rows? Many thanks!

TanStack•16mo ago

urgent-maroon

Where to pin a row based on value

cell

cell

property, i.e.

cell: ({ row }) => {
  if (
    row.original.status === 'Waiting for Approval' &&
    !row.getIsPinned()
  ) {
    row.pin('top');
  }

  return row.original.status;
}

cell: ({ row }) => {
  if (
    row.original.status === 'Waiting for Approval' &&
    !row.getIsPinned()
  ) {
    row.pin('top');
  }

  return row.original.status;
}

however, this is resulting in a bad setState error (my table state is held in a provider):

Warning: Cannot update a component (`TableStateProvider`) while rendering a different component (`cell`). To locate the bad setState() call inside `cell`, follow the stack trace as described....

Warning: Cannot update a component (`TableStateProvider`) while rendering a different component (`cell`). To locate the bad setState() call inside `cell`, follow the stack trace as described....

So I'm wondering if there is a better place to do the pinning of the rows? Many thanks!

Where to pin a row based on value

Similar Threads

Where to pin a row based on value

Similar Threads

Similar Threads

Similar Threads