小编Ber*_*res的帖子

我有一个ColumnDef这样的：

export const columns: ColumnDef<Dispute>[] = [
  {
    id: 'select',
    header: ({ table }) => (
      <Checkbox
        checked={table.getIsAllPageRowsSelected()}
        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
        aria-label='Select all'
      />
    ),
    cell: ({ row }) => (
      <Checkbox
        checked={row.getIsSelected()}
        onCheckedChange={(value) => row.toggleSelected(!!value)}
        aria-label='Select row'
      />
    ),
    enableSorting: false,
    enableHiding: false,
  },
  {
    id: 'details',
    cell: ({ table }) => {
      return (
        <Button>
          <ArrowLeftFromLine />
        </Button>
      );
    },
  },
...

和这样的表：

export function DataTable<TData, TValue>({
  columns,
  data,
}: DataTableProps<TData, TValue>) {
  const [sorting, setSorting] …

我有一个 shadcn 弹出窗口，其内容是几个按钮。我想在单击按钮后关闭弹出窗口。我怎样才能做到这一点？

https://ui.shadcn.com/docs/components/popover