可以将引导表与Aurelia一起使用吗?

可以将引导表与Aurelia一起使用吗?,aurelia,bootstrap-table,Aurelia,Bootstrap Table,我正在尝试使用应用程序中的一个视图来渲染表 我根据BootStrap表尝试了几件事情,但没有成功:( 有人已经尝试过了吗?引导表的代码希望您的HTML在初始化之前已经存在于DOM中。在viewmodel的代码中添加一个attached()函数。在viewmodel生命周期中,Aurelia将在它绑定到视图并在DOM中呈现后调用它。在attached()中函数您将编写初始化表的代码。使用Via Javascript指令 export class App { message = 'bootstr

我正在尝试使用应用程序中的一个视图来渲染表

我根据BootStrap表尝试了几件事情,但没有成功:(


有人已经尝试过了吗?

引导表的代码希望您的HTML在初始化之前已经存在于DOM中。在viewmodel的代码中添加一个attached()函数。在viewmodel生命周期中,Aurelia将在它绑定到视图并在DOM中呈现后调用它。在attached()中函数您将编写初始化表的代码。使用Via Javascript指令

export class App {
  message = 'bootstrap-table';

  attached(){
    $('#table').bootstrapTable({
    columns: [{
        field: 'id',
        title: 'Item ID'
    }, {
        field: 'name',
        title: 'Item Name'
    }, {
        field: 'price',
        title: 'Item Price'
    }],
    data: [{
        id: 1,
        name: 'Item 1',
        price: '$1'
    }, {
        id: 2,
        name: 'Item 2',
        price: '$2'
    }]
    });
  }
}
下面是一个在windows 10上的Chrome、Edge和Firefox中工作的示例: