Material-UI：X-Grid / DataGrid 默認 ColumnMenu 未顯示

Question

我正在我的項目中實現 x-grid，當單擊 3 點時沒有顯示 ColumnMenu：單擊3 點時不顯示彈出窗口

根據文檔，ColumnMenu 的默認行為似乎出現在單擊事件上。

該事件被觸發，因為我能夠在console.log中捕獲它。 這讓我想知道 x-grid 是否不滿足依賴關系。 但是我有最新版本的 x-grid 和非常新版本的核心 package。 下面是我的 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但我沒有運氣。 我還嘗試刪除所有修改並嘗試使其僅與提供的columns和rows道具一起使用，但這也不起作用。

此外，當我使用默認Toolbar時，會出現圖標，但是單擊時它們也不會顯示面板。

有沒有其他人經歷過這個？ 這是一個依賴問題嗎？

感謝您提前提供任何幫助。 我一直在到處尋找答案。

Answer 1

它似乎是https://github.com/mui-org/material-ui-x/issues/946的副本。 但很難說，因為沒有提供最小的現場復制。

Answer 2

已解決：問題是 z-index 是從我們的組件繼承的。 我原本沒想到那里看，因為這並沒有影響任何其他彈出窗口或小吃店。