columns() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Integrations/Queues/SingleQueue/QueueDataGrid.tsx lines 105–131

const columns = messagesCols.map((col) => {
  const result: Column<PostgresQueueMessage> = {
    key: col.id,
    name: col.name,
    resizable: true,
    minWidth: col.minWidth ?? 120,
    width: col.width,
    headerCellClass: undefined,
    renderHeaderCell: () => {
      return (
        <div
          className={cn(
            'flex items-center justify-between font-normal text-xs w-full',
            col.id === 'id' && 'ml-8'
          )}
        >
          <p className="!text-foreground">{col.name}</p>
        </div>
      )
    },
    renderCell: (props) => {
      const value = col.value(props.row)
      return value
    },
  }
  return result
})