Bootstrap-Table 1.15.4, нумерация страниц, количество строк на странице не работает

Question

Bootstrap-Table bootstrap-table.min.js 1.15.4 Bootstrap bootstrap.min.js 4.3.1 Jquery jquery-min.js 3.4.1

Страница загружается простохорошо. Однако раскрывающийся список для выбора количества строк на странице не работает. Код таблицы отлично работает в онлайн-редакторе загрузочной таблицы. Я уже пробовал использовать разные таблицы, и он не работает.

https://jsfiddle.net/ashishvermapu/f54jweyc/1/

<table class="table table-striped" data-pagination="true" data-toggle="table" data-search="true">
<script src="webjars/jquery/3.4.1/jquery.min.js"></script>
<script src="webjars/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="webjars/bootstrap-table/1.15.4/dist/bootstrap-table.min.js"></script>

Answer 1

Bootstrap 4 зависит от popper.js. Я импортировал следующие js, чтобы исправить проблему.

<script src="webjars/popper.js/1.14.7/umd/popper.min.js"></script>

Answer 2

Вам просто нужно инициализировать таблицу данных с помощью jquery ... присвоить таблице идентификатор (я использовал userDataTable) и использовать этот код

$(document).ready(function() {
    $('#userDataTable').DataTable();
} );