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

Besprechen Sie die Anwendung von Mixin in Vue

Mixins bieten eine sehr flexible Möglichkeit, wie...

Die konkrete Umsetzung des JavaScript-exklusiven Denkens

Im vorherigen Blog hat Xiao Xiong die Methoden ve...

Fortgeschrittene JavaScript-Programmierung: Variablen und Umfang

Inhaltsverzeichnis 1. Ursprungswert und Bezugswer...

Verwendung des Linux-Befehls ln

1. Befehlseinführung Mit dem Befehl ln werden Lin...

CSS3-Übergang zum Erreichen des unterstrichenen Beispielcodes

In diesem Artikel wird der Beispielcode für den C...

So schreiben Sie HTML-Header in der Webentwicklung für mobile Geräte

Code kopieren Der Code lautet wie folgt: <Kopf...

Besprechen Sie den Wert von Webstandards aus vier Aspekten mit einer Mindmap

Ich habe einige Werte grob aufgelistet, um die Di...

Über die MariaDB-Datenbank unter Linux

Inhaltsverzeichnis Über die MariaDB-Datenbank unt...

Was ist HTML?

Geschichte der HTML-Entwicklung: HTML steht im En...

Vue implementiert Bildverifizierungscode beim Anmelden

In diesem Artikelbeispiel wird der spezifische Co...

Zusammenfassung der Grundsätze zum Schreiben von HTML-Seiten für E-Mails

Da HTML-E-Mail keine unabhängige HOST-Seite auf di...

Reines js, um einen Schreibmaschineneffekt zu erzielen

In diesem Artikelbeispiel wird der spezifische Co...

Deutsch: Ein Link-Tag vervollständigt href im IE automatisch

Englisch: Ein Link-Tag vervollständigt href im IE...