jquery.datatables не отображается правильно - PullRequest
0 голосов
/ 04 декабря 2018

Я работаю над учебным пособием по ASP .Net MVC и должен реализовать jquery.datatables на странице.Они появляются и работают, но они портят макет.похоже, что элементы управления фильтра, таблица и инструменты разбивки на страницы находятся в одной строке.Также не отображаются индикаторы направления сортировки: enter image description here

Поэтому я попытался поиграться со стилями css и обнаружил, что это связано с классом .form-inline:

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

Если удалить этот класс, элементы управления отображаются «лучше».Это означает, что они все еще не распределены по всей таблице:

enter image description here

Я также проверил, связаны ли css для jquery.datatables для достиженияклиент, и они делают.Я также обновил jquery и jquery.datatables.Любые намеки, что здесь идет не так?

...