Я пытаюсь добавить экспортируемую Bootstrap таблицу для каждого объекта. Но отображается кнопка экспорта , но при нажатии на нее ничего не происходит.
I thought this could be some library issue but I guess the error is in my code.
Since its документация по установке не "большая" Я напишу шаги, которые я далее:
Ran yarn add bootstrap-table
Добавлены 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');
Чтобы избежать некоторых ошибок, это может быть избыточным с предыдущим шагом, я добавил jquery
в качестве глобальной переменной к webpack.config.js
:
.autoProvidejQuery()
.autoProvideVariables({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
})
Добавлен HTML в шаблон: <table class="table"></table>
Добавлен 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 %}
})
Что мне не хватает?