So entfernen Sie die Kopfzeile aus der Elementtabelle

So entfernen Sie die Kopfzeile aus der Elementtabelle

Dokumenthinweise mit dem Attribut show-header

 <el-Tabelle
            :data="Tabellendaten1"
            :span-method="arraySpanMethod"
            Grenze
            :show-header="Status"
              <el-table-column
              Eigenschaft = "Bezeichnung"
              Bezeichnung=""
              Breite="180">
            </el-Tabellenspalte>
           /el-Tabelle >

!!!重點就是要:show-header動態控制

Element-ui-Tabelle entfernt alle Grenzen

el-table fügt Klasse hinzu = "Kunde-keine-Rand-Tabelle"

/*Tabellenzellenränder entfernen*/
   .customer-no-border-table th{
     Rand: keiner;
   }
.customer-no-border-table td,.customer-no-border-table th.is-leaf {
  Rand: keiner;
}
 /*Äußerster Rand der Tabelle*/
.customer-no-border-table .el-table--border, .el-table--group{
     Rand: keiner;
   }
  /*Kopfzeilenrand*/
   .customer-no-border-table thead tr th.is-leaf{
     Rand: 0px durchgezogen #EBEEF5;
     Rand rechts: keiner;
   }
.customer-no-border-table thead tr th:n-ter-letzter-vom-Typ(2){
  Rahmen rechts: 0px durchgezogen #EBEEF5;
}
 /*Äußerster Rand der Tabelle - unterer Rand*/
.customer-no-border-table .el-table--border::nach,.customer-no-border-table .el-table--group::nach{
     Breite: 0;
   }
.customer-no-border-table::vorher{
  Breite: 0;
}
.customer-no-border-table .el-table__fixed-right::vorher,.el-table__fixed::vorher{
  Breite: 0;
}
.customer-no-border-table .el-table__header tr th{
  Hintergrund: #fff;
  Farbe: #333333;
  Polsterung: 3px;
  Schriftstärke: 550;
  Höhe: 36px;
  Rand: 0px;
  Schriftgröße: 15px;
}

Dies ist das Ende dieses Artikels zum Entfernen der Kopfzeile der Elementtabelle. Weitere Informationen zum Entfernen der Kopfzeile der Elementtabelle finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Lösung für das Problem der Zeilenhöhe der Elementtabellenkopfzeile
  • Vue+Element – ​​Tutorial für benutzerdefinierte vertikale Tabellenüberschriften
  • Element realisiert Tabellenschachtelung und mehrere Tabellen teilen sich einen Header
  • Vue implementiert die Header-Informationsaufforderungsfunktion in der Elementtabelle (empfohlen)
  • Vue + elementui realisiert die zweidimensionale Tabellenfunktion komplexer Überschriften und dynamisch hinzugefügter Spalten
  • VUE2.0+ElementUI2.0 Tabelle el-table implementiert Header-Erweiterung el-tooltip

<<:  Grundlegendes Tutorial zur Steuerung des mobilen Roboters Turtlebot3 mit ROS

>>:  So fügen Sie einen Link in HTML ein

Artikel empfehlen

So teilen und führen Sie mehrere Werte in einem einzigen Feld in MySQL zusammen

Mehrere Werte kombiniert anzeigen Nun haben wir d...

Detaillierte Erklärung der MySQL-Dreiwertelogik und NULL

Inhaltsverzeichnis Was ist NULL Zwei Arten von NU...

Schritte zum Öffnen des MySQL-Binlogs

Binlog ist eine binäre Protokolldatei, die zum Au...

Informationen zum CSS-Floating und zum Aufheben des Floatings

Definition von Float Setzt das Element aus dem no...

Lösen Sie das Problem der Groß- und Kleinschreibung der Linux+Apache-Server-URL

Ich bin heute auf ein Problem gestoßen. Beim Eing...

Eine gängige Technik zur Implementierung von Dreiecken mit CSS (mehrere Methoden)

In manchen Vorstellungsgesprächen werden häufig F...

Importieren Sie die CSV-Datei mit Navicat in MySQL

In diesem Artikel wird der spezifische Code zum I...

Vue3+Skript-Setup+ts+Vite+Volar-Projekt

Inhaltsverzeichnis Erstellen Sie ein Vue + TS-Pro...

SQL-Implementierung von LeetCode (197. Steigende Temperatur)

[LeetCode] 197.Steigende Temperatur Schreiben Sie...

Designtheorie: Textausdruck und Benutzerfreundlichkeit

<br />Beim Textdesign konzentrieren wir uns ...

Beispiel für die JavaScript-Funktion „CollectGarbage“

Sehen wir uns zunächst ein Beispiel für die Speic...