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

Zusammenfassung der Wissenspunkte zum Abdecken von Indizes in MySQL

Wenn ein Index die Werte aller abzufragenden Feld...

Benutzerdefinierter Kalendereffekt in JavaScript

In diesem Artikel wird der spezifische Code des b...

Eine kurze Analyse der Unterschiede zwischen px, rem, em, vh und vw in CSS

Absolute Länge px px ist der Pixelwert, also eine...

Eine kurze Diskussion über einige Vorteile von Vue3

Inhaltsverzeichnis 1. Quellcode 1.1 Monorepo 1.2 ...

Detaillierte Anweisungen zur Installation der MySQL5.7-Datenbank unter Centos7.2

Das MySQL auf dem Server ist in der Version 8.0.1...

Eine ausführliche Zusammenfassung der Überlegungen zu MySQL-Zeiteinstellungen

Existiert die Zeit wirklich? Manche Menschen glau...

Mysql-Datenbankdesign - Analyse von drei Paradigmenbeispielen

Drei Paradigmen 1NF: Felder sind untrennbar; 2NF:...

Detaillierte Erläuterung der MySQL-Sicherung und -Wiederherstellung

Vorwort: In den vorherigen Artikeln wurde die Ver...

Es ist ganz einfach zu verstehen, was Node.js ist

Inhaltsverzeichnis Offizielle Einführung in Node....

MySql-Gruppierung und zufälliges Abrufen eines Datenelements aus jeder Gruppe

Idee: Einfach erst zufällig sortieren und dann gr...

Eine vollständige Liste gängiger Linux-Systembefehle für Anfänger

Das Erlernen von Linux-Befehlen stellt für die me...

Detaillierte Analyse der Replikation in MySQL

1.MySQL-Replikationskonzept Dies bedeutet, dass d...

Implementierung eines Redis Master-Slave-Clusters basierend auf Docker

Inhaltsverzeichnis 1. Ziehen Sie das Redis-Image ...