<Table
  variant="outline"
  color="primary"
  selectionMode="multiple"
  keyField="id"
  stickyHeader={true}
  selections={selectedIds}
  onChangeSelections={setSelectedIds}
  header={[
    { key: "name", label: "NAME", sorter: true },
    { key: "role", label: "ROLE", sorter: true },
    { key: "status", label: "STATUS" },
  ]}
  data={[
    { id: 1, name: "John Doe", role: "Developer", status: "Active" },
    { id: 2, name: "Mary Jane", role: "Designer", status: "Inactive" },
    { id: 3, name: "Bob Smith", role: "Manager", status: "Active" },
    { id: 4, name: "Bob Smith", role: "Supporter", status: "Active" },
    { id: 5, name: "Peter Parker", role: "CEO", status: "Active" },
    { id: 6, name: "Anna Frank", role: "Worker", status: "Active" },
    { id: 7, name: "Charlie Brown", role: "Secretary", status: "Active" },
    { id: 8, name: "Wendy White", role: "Secretary", status: "Active" },
    { id: 9, name: "Lionel Messi", role: "Secretary", status: "Active" },
  ]}
/>