Table selection

import {
  Table,
  TableBody,
  TableHeader,
  TableRow,
  TableSelectionCell,
  TableSelectionHeader,
  TableViewport,
  useTable,
} from "@gpuixui/data";

const table = useTable({ rows: files, keyOf: (row) => row.id, columns });

<Table height={320} aria-label="Files">
  <TableViewport>
    <TableHeader>
      <TableRow>
        <TableSelectionHeader
          checked={table.allSelected}
          indeterminate={table.someSelected}
          onCheckedChange={table.setAllSelected}
          disabled={table.rows.length === 0}
        />
        <TableHeaderCell width={260}>Name</TableHeaderCell>
      </TableRow>
    </TableHeader>
    <TableBody>
      {table.rows.map((file) => (
        <TableRow key={file.id} selected={table.isSelected(file.id)}>
          <TableSelectionCell
            checked={table.isSelected(file.id)}
            onCheckedChange={() => table.toggleSelection(file.id)}
            label={`Select ${file.name}`}
          />
          <TableCell width={260}>{file.name}</TableCell>
        </TableRow>
      ))}
    </TableBody>
  </TableViewport>
</Table>;