jquery.datatables无法正确显示

Question

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

因此，我尝试使用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;
}

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

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