Implementierungscode zum Hinzufügen eines Schrägstrichs zum Vue-Elementheaders

<Vorlage>
    <div Klasse="App-Container">
        <el-table :data="tableData3" style="width: 100%">
            <el-table-column width="120" prop="Datum"></el-table-column>
            <el-table-column prop="name" label="Tabelle" width="120"></el-table-column>
            <el-table-column label="Adresse">
                <el-table-column prop="Provinz" label="Provinz" width="120"></el-table-column>
                <el-table-column prop="city" label="Stadt" width="120"></el-table-column>
                <el-table-column prop="address" label="Adresse" width="300"></el-table-column>
                <el-table-column prop="zip" label="Postleitzahl" width="120"></el-table-column>
            </el-Tabellenspalte>
        </el-Tabelle>
    </div>
</Vorlage>

<Skript>
    Standard exportieren {
        Filter: {},
        Daten() {
            zurückkehren {
                Tabellendaten3: [{
                    Datum: '2016-05-03',
                    Name: 'Wang Xiaohu',
                    Provinz: 'Shanghai',
                    Stadt: 'Putuo District',
                    Adresse: „Nr. 1518, Jinshajiang Road, Putuo District, Shanghai“,
                    PLZ: 200333
                }, {
                    Datum: '2016-05-02',
                    Name: 'Wang Xiaohu',
                    Provinz: 'Shanghai',
                    Stadt: 'Putuo District',
                    Adresse: „Nr. 1518, Jinshajiang Road, Putuo District, Shanghai“,
                    PLZ: 200333
                }, {
                    Datum: '2016-05-04',
                    Name: 'Wang Xiaohu',
                    Provinz: 'Shanghai',
                    Stadt: 'Putuo District',
                    Adresse: „Nr. 1518, Jinshajiang Road, Putuo District, Shanghai“,
                    PLZ: 200333
                }, {
                    Datum: '2016-05-01',
                    Name: 'Wang Xiaohu',
                    Provinz: 'Shanghai',
                    Stadt: 'Putuo District',
                    Adresse: „Nr. 1518, Jinshajiang Road, Putuo District, Shanghai“,
                    PLZ: 200333
                }, {
                    Datum: '2016-05-08',
                    Name: 'Wang Xiaohu',
                    Provinz: 'Shanghai',
                    Stadt: 'Putuo District',
                    Adresse: „Nr. 1518, Jinshajiang Road, Putuo District, Shanghai“,
                    PLZ: 200333
                }, {
                    Datum: '2016-05-06',
                    Name: 'Wang Xiaohu',
                    Provinz: 'Shanghai',
                    Stadt: 'Putuo District',
                    Adresse: „Nr. 1518, Jinshajiang Road, Putuo District, Shanghai“,
                    PLZ: 200333
                }, {
                    Datum: '2016-05-07',
                    Name: 'Wang Xiaohu',
                    Provinz: 'Shanghai',
                    Stadt: 'Putuo District',
                    Adresse: „Nr. 1518, Jinshajiang Road, Putuo District, Shanghai“,
                    PLZ: 200333
                }]
            }
        },
        erstellt() {},
        Methoden: {}
    }
</Skript>
<style lang="scss">
    .el-table thead.is-group th {
        Hintergrund: #fff;
    }
    
    .el-table thead.is-group tr:erster-vom-Typ th:erster-vom-Typ:vor {
        Inhalt: 'Datum';
        Textausrichtung: zentriert;
        Position: absolut;
        Breite: 152px;
        Höhe: 1px;
        unten: 30px;
        rechts: 0;
    }
    
    .el-table thead.is-group tr:erster-vom-Typ th:erster-vom-Typ:nach {
        Inhalt: ‚Neue Lieferung‘;
        Textausrichtung: zentriert;
        Position: absolut;
        Breite: 152px;
        oben: 10px;
        links: 0;
    }
    
    .el-table thead.is-group tr:erster-vom-Typ th:erster-vom-Typ .cell {
        Position: absolut;
        oben: 0;
        links: 0;
        Breite: 152px;
        Höhe: 1px;
        Hintergrundfarbe: #EBEEF5;
        Anzeige: Block;
        Textausrichtung: zentriert;
        transformieren: drehen (38 Grad);
        Transform-Origin: oben links;
        -ms-transform:drehen(38Grad);
        -ms-transform-origin: oben links;
        -webkit-transform: drehen(38 Grad);
        -webkit-transform-origin: oben links;
    }
</Stil>