マテリアル 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: "なし"、
borderCollapse: "折りたたむ",
マージン: 0、
<p>このエラーは、特定の解像度で表をスクロールするときにのみ発生します。
</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
要素を検査すると、
th要素とtd要素にpadding: 6px 16px;が表示されます。したがって、追加のギャップはヘッダー セルと行セルの両方に適用されるため、実際には正しいです。padding:0
ただし、行セルの位置を揃えるためには、行セルに対しても同じことを行う必要があります。または任意の値を設定するだけで、ヘッダー セルのギャップを変更できます:リーリー