1

我正在我的项目中实现 x-grid，当单击 3 点时没有显示 ColumnMenu：单击 3 点时不显示弹出窗口

根据文档，ColumnMenu 的默认行为似乎出现在单击事件上。

该事件被触发，因为我能够在console.log. 这让我想知道 x-grid 是否不满足依赖关系。但是我有最新版本的 x-grid 和非常新版本的核心包。下面是我的 yarn.lock 的一个片段：

"@material-ui/x-grid@^4.0.0-alpha.20":
  version "4.0.0-alpha.20"
  dependencies:
    "@material-ui/utils" "^5.0.0-alpha.14"
    "@material-ui/x-license" "^4.0.0-alpha.20"
    prop-types "^15.7.2"
    reselect "^4.0.0"

"@material-ui/core@^4.1.1":
  version "4.11.0"
  dependencies:
    "@babel/runtime" "^7.4.4"
    "@material-ui/styles" "^4.10.0"
    "@material-ui/system" "^4.9.14"
    "@material-ui/types" "^5.1.0"
    "@material-ui/utils" "^4.10.2"
    "@types/react-transition-group" "^4.2.0"
    clsx "^1.0.4"
    hoist-non-react-statics "^3.3.2"
    popper.js "1.16.1-lts"
    prop-types "^15.7.2"
    react-is "^16.8.0"
    react-transition-group "^4.4.0"

我的项目目前正在运行react & react-dom v.16.13.1，它满足 @material-ui/core 的最低要求

这就是我的 x-grid 目前的样子：

         <XGrid
          rows={rows}
          columns={columns}
          rowHeight={38}
          checkboxSelection
          hideFooterSelectedRowCount
          page={page}
          pageSize={rowsPerPage}
          pagination
          paginationMode="server"
          components={{
            Toolbar: () => (
              <XGridToolbar
                title="Titles"
                rowsSelected={selectedRows.length}
                onToolbarDeleteClick={setDeleteDialogOpen}
                onToolbarEditClick={this.handleEditClick}
              />
            ),
          }}
          onSelectionModelChange={this.handleSelectedRows}
          sortingMode="server"
          sortModel={orderBy}
          onSortModelChange={this.handleHeaderClick}
          onPageChange={this.handlePageChange}
          onPageSizeChange={this.handleRowsPerPageChange}
          rowsPerPageOptions={defaultRowsPerPageOptions}
          rowCount={totalCount}
        />

我尝试将components道具中的 ColumnMenu 手动设置为默认值GridColumnMenu，但我没有运气。我还尝试删除我的所有修改并尝试使其与仅提供的columnsandrows道具一起使用，但这也不起作用。

此外，当我使用默认值时Toolbar，会出现图标，但是单击时它们也不会显示面板。

有没有其他人经历过这个？这是一个依赖问题吗？

提前感谢您的帮助！我一直在到处寻找答案。

4

2 回答 2

0

它似乎是https://github.com/mui-org/material-ui-x/issues/946的副本。但很难说，因为没有提供最小的现场复制。

于 2021-02-24T20:57:32.037 回答
0

已解决：问题是 z-index 是从我们的组件继承的。我原本没想到那里看，因为这并没有影响任何其他弹出窗口或小吃店。

于 2021-02-27T01:13:09.073 回答