小编Vla*_*man的帖子

在 React-Table 的最新版本 (7.5.x) 中，当使用 Material-UI Table 组件时，有没有办法从列标题中删除“Toggle sortBy”工具提示？

两个工具提示

我有一个带有列标题名称的工具提示。悬停时会出现两个工具提示。看看这个codeandbox

当使用Select from Material-UI 时，有一个名为“autoWidth”的道具，它设置弹出框的宽度以匹配菜单内项目的宽度。

Autocomplete组件是否有类似的选项？

我想要实现的是 TextField 的宽度与菜单的宽度无关，并且菜单的宽度由菜单项而不是硬编码的“宽度”决定。

到目前为止我设法找到的是使用类为“纸”组件提供宽度的选项（请参阅下面的代码），但它与实际项目的宽度无关，并且纸的位置没有调整为留在里面窗户。

const styles = (theme) => ({
  paper: {
    width: "450px"
  }
});

function ComboBox(props) {
  return (
    <Autocomplete
      id="combo-box-demo"
      options={top100Films}
      classes={{
        paper: props.classes.paper
      }}
      getOptionLabel={(option) => option.title}
      style={{
        width: 300,
        paddingLeft: "100px"
      }}
      renderInput={(params) => (
        <TextField {...params} label="Combo box" variant="outlined" />
      )}
    />
  );
}

链接到代码沙盒

我想要实现的是与此代码和框类似的行为，但使用的是自动完成组件。请注意，弹出菜单的宽度取自菜单项，而 Select 组件的宽度是硬编码的。