如何将样式应用于Material-Table上的特定单元格？

import MaterialTable from 'material-table';

const columns = [
  { title: 'Name', field: 'name' },
  { title: 'Age', field: 'age' },
  { title: 'City', field: 'city' },
];

const data = [
  { name: 'John Doe', age: 25, city: 'New York' },
  { name: 'Jane Smith', age: 30, city: 'San Francisco' },
];

const cellStyle = {
  background: 'lightblue',
  color: 'white',
};

const App = () => (
  <MaterialTable
    title="Editable Example"
    columns={columns}
    data={data}
    options={{
      cellStyle: cellStyle,
    }}
  />
);

export default App;

import MaterialTable from 'material-table';

const columns = [
  { title: 'Name', field: 'name' },
  { title: 'Age', field: 'age' },
  { title: 'City', field: 'city' },
];

const data = [
  { name: 'John Doe', age: 25, city: 'New York' },
  { name: 'Jane Smith', age: 30, city: 'San Francisco' },
];

const cellStyle = (rowData, index) => {
  if (index % 2 === 0) {
    return { background: 'lightblue', color: 'white' };
  } else {
    return { background: 'lightgreen', color: 'white' };
  }
};

const App = () => (
  <MaterialTable
    title="Editable Example"
    columns={columns}
    data={data}
    options={{
      cellStyle: cellStyle,
    }}
  />
);

export default App;