Пагинация не отображается с использованием Admin-LTE 3 с таблицами данных в Laravel Mix - PullRequest
0 голосов
/ 05 июля 2019

Я пытаюсь использовать плагин DataTables, который входит в Admin-LTE 3 (Bootstrap 4), но похоже, что плагин не найден.

Страница в настоящее время выглядит так:

Current view

Но я хочу, чтобы это выглядело как:

enter image description here

Все остальное выглядит "хорошо" и, как и должно быть, например, нажатие на страницы или сортировка, но стили являются заменой Bootstrap 4.

Похоже, что bootstrap.datatables никогда не добавляется в основной плагин:

В настоящее время мой webpack.mix.js выглядит так:

mix.js('resources/js/app.js', 'public/assets/js')
  .sass('resources/sass/app.scss', 'public/assets/css')
  .version();

И внутри app.js он имеет:

// Import and set jQuery
global.$ = global.jQuery = require('jquery');
// Import bootstrap
require('bootstrap');
// Import datatables
require('admin-lte/plugins/datatables/jquery.dataTables');
require('admin-lte/plugins/datatables/dataTables.bootstrap4');
// Import admin-lte-3
require('admin-lte');

и в app.scss у меня есть:

// Import Google Font: Source Sans Pro
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700');
// Import datatatables
@import '~admin-lte/plugins/datatables/dataTables.bootstrap4';
// Import admin-lte-3
@import '~admin-lte/dist/css/adminlte.css';

Есть идеи?

1 Ответ

0 голосов
/ 05 июля 2019

Удалить это

require('admin-lte/plugins/datatables/dataTables.bootstrap4.css');

от вашего app.js

затем добавьте файл в вашем стиле resources/scss/app.scss вот так

@import '~admin-lte/plugins/datatables/dataTables.bootstrap4';

...