Hrenmorzhovyi's questions

我有一张 mui 表，它的顶部有名称（如表头）（例如“headername1、headername2、headername3”），左侧还有一列其他名称（leftName1、leftName2、leftName3，），这些名称的交叉点有图标，有不同的图标，这些名称进行比较，并根据输入数据显示红色图标或绿色或黄色图标，我需要进行这样的悬停，以便当您将鼠标悬停在图标上时，headername1 和 leftName1 都会突出显示，也就是说，不仅是您悬停的图标本身，还有标题和侧面菜单中的名称

 <Table sx={{ minWidth: 650 }} size='small'>
                <TableHead>
                    <TableRow>
                        {forHeader.map((el, key) => (
                            <TableCellStyled sx={{ writingMode: 'vertical-lr' }} key={key}>
                                {key !== 0 && (
                                    <React.Fragment>
                                        <CircleIconStyled color={el.color} />
                                        <Typography variant='caption'>{el.value}</Typography>
                                    </React.Fragment>
                                )}
                            </TableCellStyled>
                        ))}
                    </TableRow>
                </TableHead>
                <TableBody>
                    {subArraysWithFirstElement.map((row, key) => (
                        <TableRow key={key}>
                            {(row as any).map((el, id) => {
                                if (id === 0) {
                                    return (
                                        // TODO: Rename
                                        <TableCellStyledd key={id}>
                                            <CircleIconStyled color={el.color} />
                                            <Typography paddingLeft='4px' variant='caption'>
                                                {el.value}
                                            </Typography>
                                        </TableCellStyledd>
                                    );
                                }
                                return <TableCellIconStyled key={key}>{getIcon(el)}</TableCellIconStyled>;
                            })}
                        </TableRow>
                    ))}
                </TableBody>
  </Table>

也许至少会有一些想法？