Я изучаю ember js и наткнулся на ember-light-table как альтернативу таблицам данных.
Я просто хочу отобразить некоторые статические данные в таблицу. Поэтому вместо создания mixin и component я пишу код прямо в файл маршрута. (Не уверен, что все будет работать так или нет).
Ниже приведен мой файл маршрута
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":"abc@gmail.email",
"name":"Abc"
}, {
"email":"xyz@gmail.email",
"name":"Xyz"
}];
}), init(){
this._super(...arguments);
let table = new Table(this.get('columns'),this.get('rows'));
console.log("table = ",table);
this.set('table', table);
}
});
Файл шаблона
{{#light-table table height='65vh' as |t|}}
{{t.head fixed=true }} {{#t.body canSelect=false as |body| }}
{{/t.body}}
{{/light-table}}
Я получаю сообщение об ошибке ниже в консоли:
Ошибка: сбой подтверждения: таблица [ember-light-table] должна быть экземпляром Table
Я также видел код документа и другой блог, код кажется идентичным, но не уверен, что я что-то упустил или нет.
Заранее спасибо.