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

Question

Jurang menegak wujud antara sel pengepala dalam jadual MUI. Bagaimana untuk menyingkirkan mereka?

Berikut ialah pengeluaran semula ralat dalam kotak pasir kod: https://codesandbox.io/s/mui-material-table-sticky-header-forked-euilo3?file=/tsconfig.json

Saya cuba menggunakan gaya:

border: "tiada",
    borderCollapse: "runtuh",
    jidar: 0,
Ralat ini hanya berlaku pada resolusi tertentu dan apabila menatal jadual.

Answer 1

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.