简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Wie vermeide ich vertikale Lücken zwischen Tabellenkopfzellen in der Material-Benutzeroberfläche?
P粉262113569
P粉262113569 2023-09-05 19:52:46
0
1
424

In MUI-Tabellen bestehen vertikale Lücken zwischen den Kopfzellen. Wie wird man sie los?

Das Folgende ist eine Reproduktion des Fehlers in codesandbox: https://codesandbox.io/s/mui-material-table-sticky-header-forked-euilo3?file=/tsconfig.json

Ich habe versucht, einen Stil anzuwenden: 

border: "none", borderCollapse: "collapse", Rand: 0,

Dieser Fehler tritt nur bei bestimmten Auflösungen und beim Scrollen der Tabelle auf.

P粉262113569
P粉262113569

Antworte allen (1)
P粉529245050
P粉5292450502023-09-06 12:54:19 1 Etage

检查元素时，我可以在th和td元素上看到padding: 6px 16px;。因此，额外的间隙实际上是正确的，因为它同时应用于标题单元格和行单元格

您只需设置padding:0或任何值即可更改标题单元格间隙：

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

但是您还必须对行单元格执行相同的操作以保持它们对齐。

Wie+0
Antwort hinzufügen
    Beliebte Themen
    Mehr>
    Populäre Artikel
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！