小编Adr*_*gès的帖子

我想将一个位于 DataGrid 选项卡内的 IconButton 居中（它们都是 MUI 组件）。我已阅读文档并尝试了几件事。在我上次的尝试中，我这样做了：

GridComponent.js

我在这里所做的是将“like-grid-button”分配给我感兴趣的列（likebutton）的cellClassName。

import { DataGrid } from '@material-ui/data-grid';
import { randomCreatedDate } from '@mui/x-data-grid-generator'; //for examples
import FavoriteBorderRoundedIcon from '@mui/icons-material/FavoriteBorderRounded'; //fav icon shape
import { IconButton } from '@material-ui/core';
import React from 'react';

const ActivityTypes = ['Museum', 'Restaurant', 'Sight Seen', 'Shoping'];
const rows = [
  { id: 1, Name: 'Gamla Stan', Type: 'Sight Seen', date: randomCreatedDate() },
  { id: 2, Name: 'Vasamuseet', Type: 'Museum', date: randomCreatedDate() }
];

const columns = …