如何调整材料-ui表组件的行高

Question

在React应用程序中，我使用的是material中可用的Table组件。但是，在样式支柱中指定高度:10 of并不会调整单个行的高度。请建议如何指定或降低默认行高。

Answer 1

您可能需要将所有td的高度设置为auto，然后您将能够更改tr行高度。

使用css应用此方法

tr {
  height: 10px;
}

tr td {
   height: auto !important;
}

​

​

Answer 2

您可以尝试减少表单元格的填充，但必须对所有表单元格进行压缩。这只是一项工作。

                     this.deleteItem(index)}>{item.name}                         Pot number                         {this.changeRate(event,index)}} type="number" />                         {item.rate}                         {item.itemTotal}

Answer 3

如果您使用的是V.4，我发现唯一有效的解决方案是使用螺旋桨size="small"。

https://v4.mui.com/api/table/

这些解决方案都不适用于我的情况。