Почему не отображаются значки сортировки заголовка столбца таблицы данных моей начальной загрузки?

#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 .