c# - jquery.datatables 未正确显示

Question

我正在编写 ASP .Net MVC 教程，应该jquery.datatables在页面上实现。它们确实出现并且可以工作，但是它们会弄乱布局。看起来过滤器控件、表格和分页工具都在一条线上。也不显示排序方向指示符：

所以我尝试使用 css-styles 并发现它与.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;
}

如果删除该类，则控件将显示为“更好”。这意味着它们仍然没有散布在整个桌子上：

我还检查了jquery.datatables是否捆绑了 css 以到达客户端，并且确实如此。我也更新了jquery和jquery.datatables。任何提示这里出了什么问题？

标签： c#cssmvc.jquery.datatables