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

Eine Kurzanleitung zu Docker

Docker bietet eine Möglichkeit, Software automati...

MySQL 5.6.27 Installations-Tutorial unter Linux

In diesem Artikel finden Sie das Installations-Tu...

So erstellen Sie einen Trigger in MySQL

In diesem Artikelbeispiel wird der spezifische Co...

Erläuterung des Arbeitsmechanismus von Namenode und SecondaryNameNode in Hadoop

1) Prozess 2) FSImage und Bearbeitungen Nodenode ...

So konfigurieren Sie Eureka im Docker

Heureka: 1. Erstellen Sie ein JDK-Image Starten S...

So verschieben Sie ein rotes Rechteck mit der Maus im Linux-Zeichenterminal

Alles ist eine Datei! UNIX hat es bereits gesagt....

...