Начальная загрузка Angular DataTable

Я пытаюсь реализовать dataTable.net с начальной загрузкой в ​​приложении Angular, но стиль немного похож на изображение ниже. Я использую предварительно созданный, код которого я получил: https://datatables.net/examples/styling/bootstrap4, но даже в этом случае внешний вид отличается.

В angular.json у меня есть это:

        "scripts": [
          "node_modules/jquery/dist/jquery.js",
          "node_modules/datatables.net/js/jquery.dataTables.js",
          "node_modules/datatables.net-bs4/js/dataTables.bootstrap4.js",
          "node_modules/datatables.net-dt/js/dataTables.dataTables.js"
        ]

И еще пытаюсь применить css для изменения цвета кнопок.

Ссылка на проблему с изображением


typescript angular css datatables angular-datatables
person Pedro    schedule 13.05.2020    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Решил это, сделав это в файле angular.json

До:

"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.css",
          "src/assets/icons/fontawesome/css/all.css",
          "node_modules/datatables.net-dt/css/jquery.dataTables.css"
        ],
        "scripts": [
          "node_modules/jquery/dist/jquery.js",
          "node_modules/datatables.net/js/jquery.dataTables.js",
          "node_modules/datatables.net-bs4/js/dataTables.bootstrap4.js",
          "node_modules/datatables.net-dt/js/dataTables.dataTables.js"
        ]

После:

"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.css",
          "src/assets/icons/fontawesome/css/all.css",
          "node_modules/datatables.net-bs4/css/dataTables.bootstrap4.min.css"
        ],
        "scripts": [
          "node_modules/jquery/dist/jquery.js",
          "node_modules/datatables.net/js/jquery.dataTables.js",
          "node_modules/datatables.net-bs4/js/dataTables.bootstrap4.min.js"
        ]
person Pedro    schedule 13.05.2020

arrow_upward
0
arrow_downward

Скачать CDN Javascript

введите описание изображения здесь

и файлы библиотеки CSS введите описание изображения здесь

с этого сайта DataTables Bootstrap 4 и добавьте их в свой проект. Это работа для меня !!

person belem    schedule 20.03.2021