Я использую плагин DataTables для моей программы ASP. NET MVC. В таблице отображается без CSS. Зачем? - PullRequest
0 голосов
/ 05 августа 2020
• 1000 база данных. Плагин правильно извлекает данные из моей базы данных, и функциональность таблицы, похоже, работает. Проблема в том, что таблица ужасна и практически непригодна для использования.

Table that lists the viewers

I'm at a loss, as I have made sure my code mimics everything from the video lesson. I've even analysed my code next to his in GitHub.

I've even made sure to use his version numbers for plugins, as the course was recorded in 2016-2017 I believe. I have considered the fact that I'm using Visual Stdio 2019, and he is not. Also, I remember there being a large bootstrap update as recently as a couple years ago. (DataTables uses bootstrap)

I'll show some code below, but here are both repos for this project(Vidly): My Repo | Репозиторий инструктора

Поскольку это, очевидно, проблема CSS, я посмотрел, как я импортировал свои файлы css. Я использую пакет внутри файла BundleConfig в папке App_start:

BundleConfig file

But it's exactly the same as the instructor wrote it, identical.

Lastly, here's the code in relation to the first image, the page with the table in question:

The HTML Markup

The script

I am lost.

EDIT: Last night I was messing with my included files in the BundleConfig file and switched the dataTables to bootstrap 4 and got a more desirable result:

Новая таблица после реализации bootstrap 4

Как видите, он определенно лучше оформлен и имеет желаемые размеры, но цвета наведенных строк и определенного текста все еще нечеткие и непривлекательные.

1 Ответ

1 голос
/ 06 августа 2020

Если ваша версия Bootstrap равна 4, вам необходимо загрузить файлы *.bootstrap4.css / *.bootstrap4.js для таблиц данных (а не *.bootstrap.* для Bootstrap 3).

Обновление для редактирования

Похоже, вы также загружаете файл jquery .dataTables. css (это пробелы в разбивке на страницы)? Вы можете удалить это. Должен быть загружен только один из файлов стилей.

Какое руководство вы следовали, кстати,?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...