Bootstrap таблица при использовании data-table = "table" отображается некорректно - PullRequest
Новая
       19

Bootstrap таблица при использовании data-table = "table" отображается некорректно

0 голосов
/ 27 марта 2020

У меня проблема с data-toggle = "table" в таблице bootstrap - таблица не отображает правильную НА ПЕРВУЮ СТРАНИЦУ ЗАГРУЗКИ или обновленную страницу sh. После нажатия на «стрелки», которые используются для сортировки данных, ИЛИ после попытки поиска чего-либо, он возвращается к нормальному состоянию. Я не могу найти причину, и я подозреваю, что это проблема инициализации.

До нажатия стрелок в таблице заголовков
После нажатия стрелок в таблице заголовков 

<table class="table table-sm" data-toggle="table" data-search="true" data-locale="pl-PL" data-virtual-scroll="true" data-height="800" data-virtual-scroll-item-height="2000">
  <thead>
    <tr>
      <th data-sortable="true" scope="col">Opłata</th>
      <th data-sortable="true" scope="col">Data płatności</th>
      <th data-sortable="true" scope="col">Kwota</th>
      <th data-sortable="true" scope="col">Opis</th>
      <%- if full_property_access %>
        <th scope="col">&nbsp</th>
      <%- end %>
    </tr>
  </thead>
  <tbody>
    <%- @expenses.each_with_index do |expense| %>
      <tr>
        <td><%= expenses_types_icons(expense) %></td>
        <td><small><%= expense.paid_on %></small></td>
        <td><small><%= number_to_currency expense.amount %></small></td>
        <td><small><%= expense.desc %></small></td>
        <%- if full_property_access %>
          <td>
            <%= link_to edit_property_expense_path(@property, expense) do %>
              <span>
                <i class="fa fa-edit" aria-hidden="true"></i>
              </span>
            <%- end %>
            <%= link_to property_expense_path(@property, expense), method: :delete, data: {confirm: "Napewno usunąć tą opłatę?"} do %>
              <span style="color: Tomato;">
                <i class="fa fa-trash-alt" aria-hidden="true"></i>
              </span>
            <%- end %>
          </td>
        <%- end %>
      </tr>
    <%- end %>
  </tbody>
</table>
...