Как исправить Datatables css, не применяя Datatables? - PullRequest
Новая
       15

Как исправить Datatables css, не применяя Datatables?

0 голосов
/ 28 февраля 2019

Я пытался включить Datatable от datatables.net, он работает нормально, панель подкачки, сортировки и поиска работает нормально, но файл datatables css не применим к Datatable (выглядит старым и не стильным, некак это выглядит в datatables.net) Я использую tabler.io как шаблон для моего веб-приложения, и он использует Bootstrap 4.3.1.

Это файлы CSS и JS, которые я использую: 

<link href="{{ asset('css/app.css') }}" rel="stylesheet"> //bootstrap 4.3.1
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

1 Ответ

0 голосов
/ 28 февраля 2019

Вы можете использовать Datatables Theme Creator для добавления пользовательских стилей.

  1. Выберите параметры стиля в верхней части страницы

  2. Нажмите «Создать таблицу стилей»

  3. Нажмите на вкладку «CSS» в нижней части страницы, скопируйте и вставьте ее в свой файл CSS.

Я нашел создателя темы несколько раздражающим в использовании.Что мне показалось более полезным, так это то, что CSS, который он выводит, который вы копируете и вставляете в свой файл CSS, может быть изменен в соответствии с вашими конкретными потребностями.

Существует много CSS-кода, поэтому это может быть проблемой.Я предлагаю поместить его внизу вашего CSS-файла, чтобы он не мешал вашему другому CSS-файлу с более чем 350 линиями стилей.

...