#javascript #css #bootstrap-4 #datatables
#javascript #css #bootstrap-4 #таблицы данных
Вопрос:
У меня есть таблица данных Bootstrap 4, и сортировка строк щелчком по заголовкам столбцов работает нормально, но маленькие треугольные значки, обращенные вверх и вниз, не отображаются. Я пробовал оба класса, thead-dark
и thead-li&ht
, поэтому я не думаю, что проблема в цвете.
Вот пример HTML, с помощью которого я создаю таблицу (используется система шаблонов Rails ERB, которая заменяет переменные table_id
и col_sort_tooltip
моим текстом).
<div class="table-responsive data-table-div" &&t;
<table id="<%= table_id %&&t;" class="data-table table thead-dark table-striped"&&t;
<thead class="thead-dark" title="<%= col_sort_tooltip %&&t;" alt="<%= col_sort_tooltip %&&t;" data-to&&le="tooltip" data-placement="bottom"&&t;
<tr&&t;
<th scope="col"&&t;Title</th&&t;
<th scope="col"&&t;Performer</th&&t;
<th scope="col"&&t;Ri&hts Admin</th&&t;
<th scope="col" class="text-center"&&t;Listen</th&&t;
</tr&&t;
</thead&&t;
Где вы предлагаете мне посмотреть, чтобы исправить это?
Комментарии:
1. Какие-либо ошибки в консоли браузера?
2. Нет, ошибок в консоли нет.
3. Вы импортируете таблицы данных css?
4. Спасибо за подсказку. Статья на aarvy.me/blo&/2019/09/21 /… ничего не сказал об этом, но статья на vic-l.com/how-to-add-datatables-to-webpacker-in-rails сказано добавить это:
require("datatables.net-bs4/css/dataTables.bootstrap4.min.css")
вapplication.js
. Теперь я вижу стрелки вверх и вниз в заголовке столбца, но, как ни странно, они расположены вплотную к верхней части заголовка.5. Вы можете увидеть эффект, который я имею в виду, в заголовках столбцов таблицы на tepper-bennett.com/son&s .