import { Grid, type ColumnDefinition } from "gp-grid-react";

const columns: ColumnDefinition[] = [
  { field: "id", cellDataType: "number", width: 80, headerName: "ID" },
  { field: "name", cellDataType: "text", width: 150, headerName: "Name" },
  { field: "salary", cellDataType: "number", width: 120, headerName: "Salary" },
];

function SortableGrid() {
  return (
    <div style={{ height: "400px" }}>
      <Grid
        columns={columns}
        rowData={data}
        rowHeight={36}
        sortingEnabled={true}  // Default is true
      />
    </div>
  );
}

<Grid
  columns={columns}
  rowData={data}
  rowHeight={36}
  sortingEnabled={false}
/>

const columns: ColumnDefinition[] = [
  { field: "id", cellDataType: "number", width: 80, sortable: false },
  { field: "name", cellDataType: "text", width: 150, sortable: true },
];