如何调整material-ui表格组件的行高

Ani*_*nil 11 reactjs material-ui

我正在我的 React JS 应用程序中使用 Material-ui 中提供的 Table 组件。但是,在 style 属性中指定 height:10px 不会调整各个行的高度。请建议如何指定或减少默认行高。

Lia*_*iam 7

您可能需要将所有高度设置td为自动,然后您将能够更改行tr高

使用 css 应用它

tr {
  height: 10px;
}

tr td {
   height: auto !important;
}
Run Code Online (Sandbox Code Playgroud)

编辑 wwppr4306w

  • 谢谢利亚姆,这部分奏效了。我的意思是,如果我指定 height: 50 或以上,那么行高就会改变。但是,指定任何小于 50 的值不会对屏幕进行任何更改。我确实想让行变得更精简一些。 (3认同)