Bagaimana untuk mengelakkan jurang menegak antara sel pengepala jadual dalam UI Bahan?

Question

Terdapat jurang menegak antara sel pengepala dalam jadual MUI. Bagaimana untuk menyingkirkan mereka? Berikut ialah pengeluaran semula ralat dalam codesandbox: https://codesandbox.io/s/mui-material-table-sticky-header-forked-euilo3?file=/tsconfig.json Saya cuba menggunakan gaya: sempadan:" tiada", borderCollapse:"runtuh

P粉529245050 · Answer

Apabila memeriksa elemen, saya boleh th 和 td 元素上看到 padding: 6px 16px;. Jadi jurang tambahan sebenarnya betul kerana ia digunakan pada kedua-dua sel pengepala dan sel baris

Anda boleh menukar jurang sel pengepala dengan hanya menetapkan padding:0 atau sebarang nilai:

 border: "none",
 borderCollapse: "collapse",
 margin: 0,
 padding: 0,

Tetapi anda juga perlu melakukan perkara yang sama dengan sel baris untuk memastikannya sejajar.