在react数据网格中单击后单元格宽度增加

import React, { useState } from 'react';
import ReactDataGrid from 'react-data-grid';

const MyDataGrid = () => {
  const [cellWidth, setCellWidth] = useState(100);

  const handleCellClick = (event, { idx }) => {
    // Increase cell width by 10 pixels
    setCellWidth(cellWidth + 10);
  };

  const columns = [
    { key: 'id', name: 'ID' },
    { key: 'name', name: 'Name' },
    { key: 'age', name: 'Age' },
  ];

  const rows = [
    { id: 1, name: 'John Doe', age: 25 },
    { id: 2, name: 'Jane Smith', age: 30 },
    { id: 3, name: 'Bob Johnson', age: 35 },
  ];

  const rowGetter = (i) => rows[i];

  return (
    <ReactDataGrid
      columns={columns}
      rowGetter={rowGetter}
      rowsCount={rows.length}
      onCellSelected={handleCellClick}
      style={{ width: '100%' }}
      cellStyle={{ width: `${cellWidth}px` }}
    />
  );
};

export default MyDataGrid;