Symfony 5 + Webpack Encore + Bootstrap Таблица не экспортируется - PullRequest
1 голос
/ 09 июля 2020

Я пытаюсь добавить экспортируемую Bootstrap таблицу для каждого объекта. Но отображается кнопка экспорта , но при нажатии на нее ничего не происходит.

I thought this could be some library issue but I guess the error is in my code.

Since its документация по установке не "большая" Я напишу шаги, которые я далее:

  1. Ran yarn add bootstrap-table

  2. Добавлены jQuery и другие библиотеки экспорта таблиц внутри /assets/app.js:

    import '../css/app.scss';
    import $ from 'jquery';
    global.$ = global.jQuery = $;
    
    import 'bootstrap';
    import './tableExport.min.js';
    import 'bootstrap-table';
    import './bootstrap-table-export.min.js';
    import './bootstrap-table-locale-es.js';
    
    import '@fortawesome/fontawesome-free/css/all.min.css';
    import '@fortawesome/fontawesome-free/js/all.js';
    
    
    console.log('Webpack compilado');
    
  3. Чтобы избежать некоторых ошибок, это может быть избыточным с предыдущим шагом, я добавил jquery в качестве глобальной переменной к webpack.config.js:

    .autoProvidejQuery()
    .autoProvideVariables({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery',
    })
    
  4. Добавлен HTML в шаблон: <table class="table"></table>

  5. Добавлен JavaScript в шаблон:

    $('.table').bootstrapTable({
             columns: [
                 {% block jsTableColumns %}{% endblock %},
                 {
                     field: 'show',
                     title: 'Acciones',
                     formatter,
                     align: 'center'
                 }
             ],
             showExport: true,
             search: true,
             url: '/api/{% block jsApi %}{% endblock %}.json',
             pagination: true,
             {% block jsTableOptions %}{% endblock %}
         })
    

Что мне не хватает?

...