Ich lerne ember js und ich stieß auf ember-light-table als Alternative zu Datentabellen.Ein Problem mit der Verwendung von ember-light-table
Ich möchte nur einige statische Daten in Tabelle anzeigen. Anstatt also Mixin und Component zu erstellen, schreibe ich Code direkt in die Routendatei. (Nicht sicher, ob die Dinge auf diese Weise funktionieren oder nicht).
Unten ist meine Routendatei
import Route from '@ember/routing/route';
import Table from 'ember-light-table';
import { computed } from '@ember/object';
export default Route.extend({
table : null,
columns: computed(function() {
return [{
label: 'Email',
valuePath: 'email'
}, {
label: 'Name',
valuePath: 'name'
}];
}),
rows: computed(function() {
return [{
"email":"[email protected]",
"name":"Abc"
}, {
"email":"[email protected]",
"name":"Xyz"
}];
}),
init(){
this._super(...arguments);
let table = new Table(this.get('columns'),this.get('rows'));
console.log("table = ",table);
this.set('table', table);
}
});
Vorlagendatei
{{#light-table table height='65vh' as |t|}}
{{t.head fixed=true }}
{{#t.body canSelect=false as |body| }}
{{/t.body}}
{{/light-table}}
ich unten Störung erhalten in der Konsole:
Error: Assertion Failed: [ember-light-table] table must be an instance of Table
I-Code von Dokumenten und anderen Blog auch gesehen habe Code scheint identisch, aber nicht sicher Bin ich etwas fehlt oder nicht.
Vielen Dank im Voraus.
Vielen Dank für den richtigen Weg, um dies zu tun. Ich werde versuchen, eine Komponente dafür zu erstellen. :) –