如何避免材料 UI 中表格标题单元格之间的垂直间隙？
P粉262113569
2023-09-05 19:52:46
<p>MUI 表格中的标题单元格之间存在垂直间隙。如何摆脱它们？</p>
<p>以下是codesandbox中错误的重现：
https://codesandbox.io/s/mui-material-table-sticky-header-forked-euilo3?file=/tsconfig.json</p>
<p>我尝试应用样式：</p>
<pre class="brush:php;toolbar:false;">border: "none",
borderCollapse: "collapse",
margin: 0,</pre>
<p>该错误仅在某些分辨率下以及滚动表格时出现。
</p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
检查元素时，我可以在
th和td元素上看到padding: 6px 16px;。因此，额外的间隙实际上是正确的，因为它同时应用于标题单元格和行单元格您只需设置
padding:0或任何值即可更改标题单元格间隙：但是您还必须对行单元格执行相同的操作以保持它们对齐。