Vuetable headings anpassen

  • Hallo Community,


    derzeit versuche ich bei meiner Tabelle die "headings" der Spalten anzupassen aber bekomme es nicht hin.


    Beispiel:

    http://jsfiddle.net/7rLk802h/


    Die normalen Spalten wie Name und Username lassen sich anpassen, aber die Adressdaten sind in der JSON in einem weiteren Array hinterlegt.

    Ich hatte folgendes bei Headings versucht:

    Code
    headings: {
             name: 'Name',
             username: 'Username',
             address.street: 'Street'
           },

    Aber ohne Erfolg.


    Kann mir jemand einen Tipp geben wie ich die Überschriften der Tabellen anpassen kann?
    Ich hatte nach einer Möglichkeit gesucht einen Alias zu verwenden, aber eigentlich ist Headings ja dafür da?!


    Ein hilfreicher Tipp wäre nett, danke

    Gruß Nighty

  • Dieses address.street verursacht einen Syntaxfehler. Versuch ins Blaue, dies in Hochkommas einzuschließen, funktioniert:

    Code
            headings: {
             name: 'Name',
             username: 'Username',
             'address.street': 'Street',
             'address.suite': 'Suite'
           },

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!