머티리얼 UI에서 테이블 헤더 셀 사이의 수직 간격을 피하는 방법은 무엇입니까?
P粉262113569
2023-09-05 19:52:46
<p>MUI 테이블의 헤더 셀 사이에 수직 간격이 존재합니다. 어떻게 제거하나요? </p>
<p>다음은 코드샌드박스의 오류를 재현한 것입니다.
https://codesandbox.io/s/mui-material-table-sticky-header-forked-euilo3?file=/tsconfig.json</p>
<p>스타일을 적용해 보았습니다. </p>
<pre class="brush:php;toolbar:false;">경계: "없음",
borderCollapse: "접기",
여백: 0,</pre>
<p>이 오류는 특정 해상도에서 표를 스크롤할 때만 발생합니다.
</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
요소를 검사할 때
th和td元素上看到padding: 6px 16px;할 수 있습니다. 따라서 추가 간격은 헤더 셀과 행 셀 모두에 적용되므로 실제로 정확합니다
으아악padding:0또는 임의의 값을 설정하여 헤더 셀 간격을 변경할 수 있습니다.그러나 정렬을 유지하려면 행 셀에도 동일한 작업을 수행해야 합니다.