Я работаю над учебным пособием по ASP .Net MVC и должен реализовать jquery.datatables
на странице.Они появляются и работают, но они портят макет.похоже, что элементы управления фильтра, таблица и инструменты разбивки на страницы находятся в одной строке.Также не отображаются индикаторы направления сортировки: ![enter image description here](https://i.stack.imgur.com/nPvzU.png)
Поэтому я попытался поиграться со стилями 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](https://i.stack.imgur.com/n2M9b.png)
Я также проверил, связаны ли css для jquery.datatables
для достиженияклиент, и они делают.Я также обновил jquery
и jquery.datatables
.Любые намеки, что здесь идет не так?