Можно ли использовать загрузочный стол с Aurelia?

Question

Я пытаюсь использовать BootStrap Table с моими взглядами в приложении Aurelia для отображения таблицы.

Я попробовал несколько вещей в соответствии с "Usage" Documentation бутстраповского таблицы, но не повезло :(

Имеет кто-нибудь пробовал уже?

Answer 1

Код для начальной загрузки таблицы хотите, чтобы ваш HTML уже существует в DOM перед его инициализацией. В коде для вашей модели просмотра добавьте функцию attach(). Aurelia вызовет это во время жизненного цикла viewmodel после того, как он привязан к представлению и отображен в DOM. В вашей функции attach() вы напишете код для инициализации таблицы. Используйте инструкции по использованию 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' 
    }] 
    }); 
    } 
} 

Вот пример, который работает в Chrome, Edge и Firefox на окнах 10: https://plnkr.co/edit/u0Qu5O